(注記)この記事で紹介の「Snap.svg Animator」はすでに公開が終了しています。この記事の内容はアーカイブとして残していますが、動作しないためご注意ください。 SVGエス・ブイ・ジーとはHTMLでベクターグラフィックスを扱えるテクノロジーです。JPEGやPNGなどのラスターデータに対し、SVGはベクターデータのため拡大縮小に強いことが利点です。本記事ではこのSVGを使ってHTMLでアニメーションを実現する方法を紹介します。 まず前提としておさえておきたいのは、SVGでアニメーションやインタラクションを実装するには比較的低レベルのAPIの理解が必要となるということです。SVG 1.1 仕様の学習コストが高かったり、コンテンツ開発時の生産効率が上がらないといった課題が考えられます。そのためアニメーションやインタラクション用途のSVGコンテンツの開発にはJavaScriptライブラリ
![拡張機能Snap.svg Animatorを使ってAnimate CCからSVGを書き出そう - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/671b41aeb8c95e1555368e70bc76d05f73e13f88/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F8439%2Fimages%2Feyecatch.jpg)