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

用法:

path &＃61; path-data

属性值&＃xff1a;path属性接受上面提到和下面描述的值

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

注意&＃xff1a;它的默认值被认为是正常的。

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

范例1&＃xff1a;

HTML

GeeksforGeeks

xmlns&＃61;"http://www.w3.org/2000/svg">

d &＃61; "M10, 90 Q90, 90 90, 45 Q90,

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

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

path &＃61; "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

输出&＃xff1a;

范例2&＃xff1a;

HTML

GeeksforGeeks

xmlns&＃61;"http://www.w3.org/2000/svg">

d &＃61; "M 100, 100 m -75, 0 a 75,

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

0 1, 0 -150, 0" />

repeatCount&＃61;"indefinite"

path&＃61;"M 100, 100 m -75, 0 a

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

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

输出&＃xff1a;