-
-
左小珍
2018-01-22
- 走进SVG
第五章 SVG文本
5-5 SVG使用脚本控制路径文本
-
截图
0赞 · 0采集
-
-
sntatas
2016-09-03
- 使用textpath 属性 xlink:href="#path1" 将包含的文本节点text设置到对应的id的path上,
设置该属性需要使用
setAttributeNS(NS,attrName,attrValue);
NS为
http://www.w3.org/1999/xlink
-
0赞 · 1采集
-
-
梭梭
2015-11-10
- 脚本控制原理
-
截图
0赞 · 1采集
-
-
webkong
2015-04-27
- <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<form action="">
Path:
<select id="text-path-select">
<option value="none">none</option>
<option value="#path1">path1</option>
<option value="#path2">path2</option>
<option value="#path3">path3</option>
</select>
</form>
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600">
<path id="path1" d="M 100,200 Q 200,100 300,200 T 500,200" fill="none" stroke="black"></path>
<path id="path2" d="M 100,300 l 100,-50 200,100 100,-50" fill="none" stroke="red"></path>
<path id="path3" d="M 100,400 A 400,300,0,0,0,500,400" fill="none" stroke="blue"></path>
<text id="text" x="100" y="100" >
Text Path scripting.
<tspan id="tspan">
动态使用路径文本
</tspan>
</text>
</svg>
</body>
</html>
这是html 代码
下个是js代码
-
0赞 · 0采集
-
-
狐小鱼
2015-01-06
- SVG 路径文本,脚本控制
-
截图
0赞 · 0采集
-
-
swanky
2014-12-06
- 那个SVG编辑器在哪儿下载?
-
截图
0赞 · 0采集