带滚动条的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>