如何使画布可滚动，以包含多个页面扫描pdf

Question

我是HTML5的初学者。

我使用画布来绘制它，我想得到以下能力:

---

1. 允许画布可扩展，所以如果图像被设置为scanned pdfs，我可以显示所有图像(pdf页面)。

2. 我想要(撤消&重做)功能通过画布

Answer 1

我以前通过使用toDataUrl方法将画布状态存储到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();

但是如果你也改变了画布的抓取，我猜你可以使用另一个数组来存储/恢复抓取更改