私が作成しようとしているのは、非常に大きな画像(10.000 x 10.000ピクセル以上など)が読み込まれるある種のスクロール可能なビューポートであり、この画像にいくつかの線/形状を描画できるはずです。
画像を描画する/図形を描画できるようにする方法は2つ考えられます。
- タグを使用して画像を描画し、その上の画像のサイズのキャンバスを描画します。
- drawImage()メソッドを使用して画像を描画し、キャンバスを使用します。
両方のケースを試しましたが、画像を(imgタグまたはjavascript Image()オブジェクトを使用して)ロードすると、約500MBのメモリを消費します。
これを達成するためのより効率的な方法があるかどうか疑問に思います。