带滚动条的HTML画布

时间:2013-03-17 14:23:01

标签: html css canvas scrollbar

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

谢谢。

1 个答案:

答案 0 :(得分:23)

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

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