2

各キャンバスに画像がある HTML 5 ページに複数のキャンバスを配置できますか。基本的に、アプリのすべての画像でJS 操作プラグインを使用する必要があります。このプラグインでは、画像がキャンバス上にある必要があります。

複数のキャンバスとその中に画像があると、ページのパフォーマンスに影響を与えたり遅くしたりしますか?

4

2 に答える 2

5

はい、複数のキャンバス要素を持つことができます。複数のキャンバスがあるという事実によって、ページのパフォーマンスが低下することはありません。パフォーマンスに影響を与えるのは、キャンバスの再描画です。画像に関しては、パフォーマンスを決定するのは、実行する必要がある再描画の量です。

詳細については、HTML5 単一ページの複数のキャンバスを参照してください。

于 2012-10-05T09:16:27.917 に答える
2

Canvas 要素は再描画が非常に高速です。SVG よりもはるかに高速であるため、Web 開発用の描画ツールとして非常に効率的です。

キャンバスはいくつでも使用でき、ページのパフォーマンスに悪影響を与えることはありません。

また、キャンバス要素はページ全体にロードされますが、画像をロードしてキャンバスに描画するコードは通常、ページが完全にロードされた後に実行されるため、ページのパフォーマンスを低下させる唯一のことは、別のキャンバス内で行うことですページで使用する要素の数ではありません。また、ページが読み込まれた後に描画を開始すると、canvas 要素で何を行っても、描画を開始するとページは完全に読み込まれます。

キャンバスへの描画には JavaScript が使用されることに注意してください。重いプロセスを使用して図面を作成すると、完成するまで一方のキャンバス図面が他方のキャンバス図面をブロックすることがあります。それを避けるために、できる限りブロッキングの少ない方法で描画コードを作成してみてください。

于 2012-10-05T10:35:32.433 に答える