公開日2018/10/10SVG:animateMotion要素の使い方#SVGSVGの<animateMotion>要素の使い方をまとめる。animateMotion要素で出来ること指定したpathに沿って要素を動かすことができる。xlink:href="#aminateMotionTarget"/></animateMotion></circle></svg>任意のIDを付与した<path>を作成。動かしたい要素(例では<circle>)内に<animateMotion>を書く。<mpath>でIDを指定する。注意!path以外に使えない<circle>とか<rect>などは指定できない。指定する先は<path>でないと動かない。xlink:href=”.aminateMotionTarget”>と指定しても動かない。他の記事もどうぞSVGの<animate>要素については以下の記事を参照。SVG:animate要素の使い方https://a.uotomizu.com/articles/svg-how-to-use-animate-element/SVGの<animate>要素の使い方をまとめる。上記のコードのように動かしたい要素の中に<animate>を記述する。...参考記事https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotionフォローお願い致します。2018/10/16RSSCONTACTフィードバック・お仕事のご依頼はコンタクトフォームよりお願いいたします。