html 代码 <path,SVG path属性用法及代码示例

path属性分别定义文本路径或运动路径以及文本字符，或者对引用的元素进行动画处理。使用此属性的元素包括：和。

用法:

path = path-data

属性值：path属性接受上面提到和下面描述的值

path-data:它具有两个不同的值，即它可以定义文本路径，也可以分别定义要渲染或设置动画的运动路径以及字形。

注意：它的默认值被认为是正常的。

下面的示例说明path属性的用法。

范例1：

HTML

GeeksforGeeks

xmlns="http://www.w3.org/2000/svg">

d = "M10, 90 Q90, 90 90, 45 Q90,

10 50, 10 Q10, 10 10, 40 Q10,

70 45, 70 Q70, 70 75, 50" />

path = "M10, 90 Q90, 90 90,

45 Q90, 10 50, 10 Q10,

10 10, 40 Q10, 70 45,

70 Q70, 70 75, 50">

It is a Compute Science Portal

输出：

范例2：

HTML

GeeksforGeeks

xmlns="http://www.w3.org/2000/svg">

d = "M 100, 100 m -75, 0 a 75,

75 0 1, 0 150, 0 a 75, 75

0 1, 0 -150, 0" />

repeatCount="indefinite"

path="M 100, 100 m -75, 0 a

75, 75 0 1, 0 150, 0 a 75,

75 0 1, 0 -150,0" />

输出：