带滚动条的HTML画布

Question

我正在宽幅不均匀的画布上画图.每个画布是否可以拥有自己的滚动条？我试图将所有画布放在一个div中并指定一个最大宽度,但它不起作用.是否可以在页面上以可见宽度表示所有画布500px,并且每个画布都有其滚动条以查看画布的整个宽度.

谢谢.

Answer 1

指定画布的总宽度,然后将其包装在div中.将div设置为overflow: scroll并赋予500px宽度.然后,您应该有滚动条,允许您滚动并查看画布的隐藏部分.对所有画布重复此操作.

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