javascript - スキャンされた複数のページを含むようにキャンバスをスクロール可能にするにはどうすればよいですか？

Question

私はHTML5の初心者です。

Canvasを使用して描画し、次の機能を取得したいと思います。

---

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();

ただし、キャンバスの捕捉も変更する場合は、別の配列を使用して捕捉の変更を保存/復元できると思います。