带滚动条的HTML画布

我画的画布上有很大的不平等的宽度图形。 每个画布都有自己的滚动条吗？我试图将所有画布放在一个分区中，并指定一个最大宽度，但没有成功。 是否可能所有画布在页面上的可见宽度都是500px，并且每个画布都有滚动条来查看画布的整个宽度

---

谢谢。

指定画布的总宽度，然后将其包装成一个div。将div设置为

overflow:scroll

，并指定500px的宽度。然后，您应该有滚动条，允许您滚动并查看画布的隐藏部分。对所有画布重复此操作

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

但我假设这会创建一个完整大小的画布背景存储位图。对于大多数用例来说是不可接受的。对于任何不需要画布动画的用例来说都是可以接受的。如果您正在生成一个图形或大型图像，那么只需将其加载到画布中并使用滚动条即可。如果要创建动画，您可能希望只绘制动画中可见的部分，以节省处理时间。