Vivus.jsで手書きアニメーション作成
今回紹介するのはVivus.jsです。Vivus.jsは、svgファイルの描画アニメーションのライブラリです。このVivus.jsを用いて、文字を手書きで書いているように見せるアニメーションを作成します。自身はwebエンジニアなので、デザイナーではなく、webエンジニア目線からHow toを7ステップでお話していきます!
Vivus.jsの導入の前に、Adobe Illustrator(AI)でsvgファイルを作成します。成果物は以下です。といっても動画は添付できないので、