SVGアニメーションが5分で作れる！jQuery DrawSVGの使い方 - STAND-4U

2017年6月2日 軽量で美しいSVGのパスで書かれたイラストが、アニメーションして表示されるのを一度は見たことがあるだろう。javascriptやCSSを駆使して自分でSVG アニメーションを作るのは面倒だ！ しかし、苦労せずとも簡単に１０分で、いや５分で「SVG アニメーション」ができるプラグインが、今回使い方を説明する「jQuery DrawSVG」である。 SVGってなんだよ？という人にもSVGファイルのHTMLへの設置の仕方や、SVGファイルの作り方・使い方も解説する！ さらに最後に「実用編」として、画面ロード時にすぐに実行せずにターゲットが見える位置までスクロールしてからアニメーションする方法も解説しよう！ SVG アニメーションする為に、必要なもの まずはSVG アニメーション用のプラグイン「jQuery DrawSVGの公式」サイトから、プラグイン一式をダウンロードしよう！