SVGでは、アニメーションのための要素があります。今回は、そのひつとである「animateMotion要素」について見ていきます。animateMotion要素は、パスに沿って図形をアニメーションさせるものです。 animateMotion要素 パスの向きに応じた角度の変化 まとめ animateMotion要素 パスの指定方法は以下の2つがある。 animateMotion要素のpath属性 mpath要素でパスを参照する <defs> <path id="path1" d="M65,10 a25,25 0 1,1 0,50 l-30,0 a25,25 0 1,1 0,-50 z"/> </…