SVGPathElement: getPathSegmentAtLength() 方法
getPathSegmentAtLength() 方法属于 SVGPathElement 接口，它返回路径上指定距离处的路径段。
语法
js
getPathSegmentAtLength(distance)
参数
distance-
指示路径上距离的数字。
返回值
一个路径段对象。如果没有有效的段，则返回 null。
Segment 对象具有以下属性
示例
获取路径段
考虑以下绘制正方形的 <path> 元素：
xml
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64">
<path d="M0,0 h64 v64 h-64 z" />
</svg>
getPathSegmentAtLength() 方法将返回一个对象，该对象表示路径上距离 65px 处的 v64 段。
js
const path = document.querySelector("path");
console.log(path.getPathSegmentAtLength(65));
// Output: path segment
// {
// type: "v",
// values: [64]
// }
规范
| 规范 |
|---|
| SVG 路径 # __svg__SVGPathElement__getPathSegmentAtLength |
浏览器兼容性
加载中…