如何使画布可滚动以包含多页扫描的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();

但是，如果您还更改了画布的抓取，我想您可以使用另一个数组来存储/恢复抓取更改。