javascript - 如何使 Canvas 可滚动以包含多页扫描的 pdf？

Question

我是 HTML5 的初学者。

我使用 Canvas利用它，我想获得以下能力:

---

1. 允许 Canvas 展开，因此如果图像是扫描的 pdf 集，我可以显示所有图像(pdf 页面)。

2. 我想要通过 Canvas 实现(撤消和重做)功能。

Answer 1

我之前通过使用 toDataUrl 方法将 Canvas 状态存储到 undo_array 来完成此操作:

var undo_array = [];

所以在你做任何改变之前:

undo_array.push(myCanvas.toDataURL("image/png"));

现在，当撤销按钮被按下时，只恢复之前的图片:

var myImg = new Image();
oImg.onload = function() {
  var ctx = document.getElementById("canvasID").getContext("2d");       
  ctx.drawImage(myImg, 0, 0);
}
myImg.src = undo_array.pop();

但如果您还更改 Canvas 的占用，我想您可以使用另一个数组来存储/恢复占用更改。