いきさつ

弊社案件で文字の線を動かすやつをやりたいってことになりました。

どうする？

strokeDashoffsetを操作する！！

以上！！

…もう少し詳しく

stroke-dashoffsetとは？

線の位置を指定することができます！ これをAnimationFrameで更新し続けることで線を「引く」動きをつけることができます！

参考

https://maxwellito.github.io/vivus/