Path Slider - SVGをJavaScriptでアニメーション

Path Slider - SVGをJavaScriptでアニメーション:

SVGの良いところはベクターベースなので縮小、または拡大しても綺麗なまま表現できること、そして一般的に画像よりも軽量ということです。さらにJavaScriptとの親和性も高いのが開発者にとって嬉しいことです。

とはいえ、SVGに対して高度な操作を行うのは大変です。すでにある、例えば今回紹介するPath Sliderのようなライブラリを活用するのが良いでしょう。

Path Sliderの使い方

一例です。