svg里怎样标注轨迹

Question

我要在svg里面制作一个动画效果，但是他的效果轨迹path这个是用什么软件，可以给他标记出来（从1到2下面轮子的轨迹）？

Answer 1

在SVG里标注轨迹，可以使用<path>元素来实现。<path>元素可以使用d属性来描述一条路径，可以使用M（moveto）、L（lineto）、H（horizontal lineto）、V（vertical lineto）、C（curveto）、S（smooth curveto）、Q（quadratic Bézier curve）、T（smooth quadratic Bézier curveto）、A（elliptical Arc）、Z（closepath）等命令来描述，比如：

<path d="M 10 10 L 20 20 L 30 10 Z" />

这段代码表示从（10，10）点开始，经过（20，20）点，终止于（30，10）点，并闭合路径。