どうもですよ、はやちですよ:D 今回はストロークアニメーションを簡単に操作できるvivus.jsをご紹介します! 導入と基本的な使い方 インストール npmでのインストールはこちらから npm install vivus 実装方法 html いつも使っている、はやちのSVGにidを付与します。 <svg id="target-delayed" class="svg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 96.9 97.6"> //省略 </svg> 基本はアニメーションの時間、再生の仕方、必要であればコールバックの設定ができます。 new Vivus('target-delayed', { duration: 100 , //アニメーションの時間 start: 'autostart', //アニメー