エレファンキューブリンク帳
eラーニング・デジタル教材制作の
株式会社エレファンキューブ
の社員が書き込んでいる、主として技術情報のリンク帳。 もともと社内用ブログでしたが、2017年7月に公開に切り替えました。
2018年1月12日金曜日
SVGを手書き風のアニメーションにするライブラリ(vivus.js)
vivus.js
https://maxwellito.github.io/vivus/
SVGのストロークをなぞる感じのアニメーションができるライブラリ。
SVGを全部pathに変換して、stroke-dasharray と stroke-dashoffset をうまく適用させて手書きを再現しているみたいです。
下記サイトで、SVGファイルをアップロードするだけで試せます。
https://maxwellito.github.io/vivus-instant/
次の投稿
前の投稿
ホーム