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 |
瀏覽器相容性
載入中…