SVG path

SVG


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代码:

实例

对于Opera用户:

对于Opera用户:查看SVG文件(右键单击SVG图形预览源)。

复杂吗?是的!!由于在绘制路径时的复杂性,强烈建议使用SVG编辑器来创建复杂的图形。

相关推荐

在这里插入图片描述

android中如何添加Vector Asset

jQuery 生成svg矢量二维码

Angular实现svg和png图片下载实现

anime.js 实现带有描边动画效果的复选框(推荐)

anime.js 实现带有描边动画效果的复选框(推荐)