jQuery DrawSVG - SVGをアニメーションしながら描画
画面の解像度が高まるのに合わせて注目を集めているのがSVGです。これまでのバイナリと異なり、SVGはXMLベースのテキストデータなので縮小、拡大しても綺麗なままです。 そしてテキストデータということは、その書き方もデータがすべて読み取れるということです。そこで作られたのがjQuery DrawSVGになります。
jQuery DrawSVGの使い方
jQuery DrawSVGのデモです。SVG画像がアニメーションしながら描かれているのが分かります。
画像と組み合わせるとこんなこともできます。
jQuery DrawSVGを使うとSVGに書かれている内容をアニメーションしながら描写してくれます。アニメーションGIFのようですが、よりスムーズで綺麗に描かれます。SVGを画像とはまた違った使い方で楽しめるのではないでしょうか。
jQuery DrawSVGはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。