1

私が作成しようとしているのは、非常に大きな画像(10.000 x 10.000ピクセル以上など)が読み込まれるある種のスクロール可能なビューポートであり、この画像にいくつかの線/形状を描画できるはずです。

画像を描画する/図形を描画できるようにする方法は2つ考えられます。

  • タグを使用して画像を描画し、その上の画像のサイズのキャンバスを描画します。
  • drawImage()メソッドを使用して画像を描画し、キャンバスを使用します。

両方のケースを試しましたが、画像を(imgタグまたはjavascript Image()オブジェクトを使用して)ロードすると、約500MBのメモリを消費します。

これを達成するためのより効率的な方法があるかどうか疑問に思います。

4

1 に答える 1

0

どうしても必要な場合を除いて、ユーザーにそのサイズの画像をダウンロードさせないでください

画像の小さなタイル(またはその周辺)を100個作成し、キャンバスにタイルを描画します。現時点で表示できるタイルのみを描画します(Googleマップなど)。

于 2012-04-23T01:23:27.100 に答える