SVGは、Illustratorから直接ファイルを書き出すことができ、 書き出されたファイルのSVGのタグをHTML内に書き込むだけで、 HTML内に描画することができるので、扱いやすいですが、 多数の要素からなる、再描画を多く必要とするようなグラフィックが求められる場合、 パフォーマンスが著しく低下するという弱点があります(参考: SVG と Canvas: どちらを選ぶか (Windows) )。 多数の要素からなる、再描画を多く必要とするようなグラフィックは、Canvasの方が向いており、 そういったグラフィックでは、高いパフォーマンスを発揮します。 しかし、CanvasはSVGのように、タグを置けば描画してくれたり、CSSで操作して色を変えたりアニメーションさせるといったことはできず、 より高度なグラフィックのプログラムの知識が必要となります。 描画した各要素をクリ
![CanvasにSVGファイルを読み込んで表示する | スターフィールド株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f8f27c0e4d05f65372e09d4f602b7df3779b560/height=288;version=1;width=512/http%3A%2F%2Fsterfield.co.jp%2Fadmin%2Fwp-content%2Fuploads%2F2015%2F12%2Fnino-eye-1.jpg)