html5-canvas - 有没有办法重新调整一块画布？

Question

我的项目包括一个 800x2000 的画布元素。我需要做的是取一张 200x2000 的画布切片并将其显示在相同的 800x2000 位置。什么方法或方法组合可以帮助我实现这一目标？

标签： html5-canvas

Answer 1

是的; 使用 9 参数形式drawImage()将画布的切片（即源）绘制到自身（即目标）上，如下所示：

function rescale(slice_start) {
  canvas.getContext('2d').drawImage(canvas, slice_start, 0, slice_start + 200, 2000, 0, 0, 800, 2000)
}