带滚动条的 HTML Canvas

标签 html css canvas scrollbar

我在宽度不等的 Canvas 上绘制图形。 每个 Canvas 都可以有自己的滚动条吗?我试图将所有 Canvas 放在一个 div 中并指定一个最大宽度,但它没有用。 是否有可能所有 Canvas 在页面上的可见宽度都为 500px,并且每个 Canvas 都有其滚动条以查看 Canvas 的整个宽度。

谢谢。

最佳答案

指定 Canvas 的总宽度,然后将其包裹在一个 div 中。将 div 设置为 overflow: scroll 并为其指定 500px 宽度。然后你应该有滚动条允许你滚动和查看 Canvas 的隐藏部分。对所有 Canvas 重复此操作。

<div style="max-height: 256px;max-width:256px;overflow: scroll;">
          <canvas width="512px" height="512px"></canvas>
</div>   

关于带滚动条的 HTML Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15461811/

相关文章:

php - .htaccess 文件/隐藏子目录

javascript - 使用淡入淡出过渡和导航创建幻灯片

javascript - 碰撞canvas html 5时球碰撞粘在一起

Safari 强制滚动

javascript - 使用 jQuery 访问 Canvas 上的内容

javascript - 使用 ionic-scroll 移动和滚动 Canvas 元素

html - 解决链接之间的间隙问题,而不必将代码放在一行中

html - 渲染溢出时出现细线 :hidden with border-radius

html - 为什么在我的 GET 请求中有额外的参数 x 和 y?

python - 在Google App Engine邮件API中设置背景图像