一尘不染

带滚动条的HTML画布

css

我正在宽度不相等的画布上绘制图形。每个画布是否都有自己的滚动条?我试图将所有画布放在一个div中,并指定最大宽度,但这没有用。是否可以将所有画布在页面上的可见宽度说成500像素,并且每个画布都有其滚动条以查看画布的整个宽度。

谢谢。


阅读 476

收藏
2020-05-16

共1个答案

一尘不染

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

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