canvas 高度溢出添加滚动条

在 canvas 中添加滚动条的方法，可以通过在 canvas 的外层包裹一个容器，然后设置容器的高度和宽度，当 canvas 的高度或宽度溢出容器时，就会出现滚动条。

HTML 代码：

<div class="canvas-wrapper">
  <canvas id="my-canvas"></canvas>
</div>

CSS 代码：

.canvas-wrapper {
  width: 500px; /* 容器宽度 */
  height: 300px; /* 容器高度 */
  overflow: auto; /* 溢出时出现滚动条 */
}

JavaScript 代码：

var canvas = document.getElementById('my-canvas');
var context = canvas.getContext('2d');

// 绘制 canvas 内容
// ...

// 设置 canvas 宽度和高度
canvas.width = 800;
canvas.height = 600;

当 canvas 的高度或宽度超过容器的高度或宽度时，就会自动出现滚动条，可以通过滚动条来查看整个 canvas。