vivus - SVGを解析してアニメーション表示
SVGはベクターベースのドローなので、どれだけ拡大しても綺麗に表示されます。レスポンシブや高解像度化するスマートフォン対応を考えれば画像よりもSVGのがメリットがあると言えるでしょう。 もう一つのメリットとしてJavaScriptから操作するのが容易と言うことがあります。今回はその仕組みを使ったSVGアニメーションライブラリvivusを紹介します。
vivusの使い方
vivusはSVGファイルを解析して一気に描くのではなく、アニメーションしながら徐々に描いていくというソフトウェアになります。SVGアニメーションを作るのは大変ですが、vivusを使えば簡易的ながらも格好良いアニメーションが実現できますね。
vivusはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。