いきさつ
弊社案件で文字の線を動かすやつをやりたいってことになりました。
どうする?
strokeDashoffsetを操作する!!
以上!!
…もう少し詳しく
stroke-dashoffsetとは?
線の位置を指定することができます!
これをAnimationFrameで更新し続けることで線を「引く」動きをつけることができます!
参考
https://maxwellito.github.io/vivus/
日々の記録とか記憶とか。
弊社案件で文字の線を動かすやつをやりたいってことになりました。
strokeDashoffsetを操作する!!
以上!!
線の位置を指定することができます!
これをAnimationFrameで更新し続けることで線を「引く」動きをつけることができます!
https://maxwellito.github.io/vivus/
油山梧楼
Posted Date 12月 1st, 2019
Category in JavaScript
最近のコメント