SVGPathElement: setPathData() 方法
SVGPathElement.setPathData() 方法将路径段序列设置为新的路径数据。
语法
js
setPathData(pathData)
参数
pathData-
路径段数组。每个路径段都是一个具有以下属性的对象
type-
一个 路径命令。如果
options.normalize为 true，这将是绝对命令之一：'M'、'L'、'C'和'Z'。 值-
包含相应命令参数的数组或值。
返回值
无（undefined）。
示例
设置路径数据
考虑以下绘制正方形的 <path> 元素：
xml
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64">
<path d="M0,0 h64 v64 h-64 z" />
</svg>
下面的代码使用 getPathData() 方法将标准化后的路径数据作为 绝对命令 返回。使用 setPathData() 方法将返回的数据设置回 <path> 元素将导致 DOM 中出现一组不同的路径命令。
js
const svgPath = document.querySelector("path");
const pathData = path.getPathData({ normalize: true });
svgPath.setPathData(pathData);
// <path d="M 0 0 L 64 0 L 64 64 L 0 64 Z" />
规范
| 规范 |
|---|
| SVG 路径 # __svg__SVGPathData__setPathData |
浏览器兼容性
加载中…