svg 路径——迹忆客-ag捕鱼王app官网

svg 路径 -

元素用于定义一个路径。

下面的命令可用于路径数据：

• 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

注意：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。

实例 1

上面的例子定义了一条路径，它开始于位置150 0，到达位置75 200，然后从那里开始到225 200，最后在150 0关闭路径。

下面是svg代码：

实例

实例 2

下面的例子创建了一个二次方贝塞尔曲线，a 和 c 分别是起点和终点，b 是控制点：

下面是svg代码：

实例

复杂吗？是的！！由于在绘制路径时的复杂性，强烈建议使用svg编辑器来创建复杂的图形。