1

キャンバスで動的な画像を作成しています。動的テキストを含む画像が必要なので、キャンバスの助けを借りて画像（base64）を作成し、画像タグに添付しましたが、これで問題ありません。しかし、多数の動的画像が作成されると、 chrome に表示されinspectelement -> Resources -> imagesます。作成されたすべての動的画像はブラウザにキャッシュされます。これにより、モバイルでパフォーマンスまたはメモリの問題が発生するか、使用後に削除できます。これに関する任意の提案。

var image = new Image();
image.src = canvas.toDataURL("image/png");
4

1 に答える 1

0

毎回同じキャンバスを再利用する必要があります。

キャンバス画像を使用した後、キャンバスからすべての描画を消去します

var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,canvas.width,canvas.height);

次に、キャンバスにもう一度描画して使用します...

于 2013-01-21T19:10:59.303 に答える