コメント：CanvasとSVGはどちらもブラウザで写真を描くことができますが、基本原則は異なります。次に、キャンバスとSVGの描画原理を紹介します。興味のある友達はそれについて学ぶことができます。
CanvasとSVGはどちらもブラウザで写真を描くことができますが、その基本原則は異なります。SVG
SVGは、XMLの2次元グラフィックを記述する言語です。
SVGはXMLベースです。つまり、すべての要素がSVG DOM内で利用可能です。各要素にJSイベントハンドラーを追加できます。
SVGでは、各グラフはオブジェクトとして記録されます。 SVGオブジェクトのプロパティが変更された場合、ブラウザはグラフィックを自動的に再生できます。
キャンバス
キャンバスはフライに2Dグラフィックスを描画できます（JSを使用）
キャンバスはピクセルで再生できます。
キャンバスでは、グラフィックが完了すると、ブラウザによって忘れられます。グラフィックの位置が変更される場合、グラフィックスで覆われたオブジェクトを含む画面全体を塗り直す必要があります。
キャンバスとSVGの比較
次の表は、CanvasとSVGの主な違いを示しています。
キャンバスSVG
解像度に依存して解決に依存します
イベントハンドラーはサポートされていません
弱いテキストレンダリング機能は、大きなレンダリングエリアを持つアプリケーションに最も適しています（Googleマップ）
最終画像をPNGまたはJPG複雑な画像として保存でき、再塗装が減速します（DOMが使用される状況が遅くなります）
頻繁に再描画される多くのオブジェクトに適した最高のグラフィックゲームは、ゲームアプリケーションには適していません