getTotalLength
SVG路径对象.getTotalLength()
该方法返回用户代理对路径总长度(以用户单位为单位)的计算值
var a = SVGPathElement.getTotalLength()
getPointAtLength
SVG路径对象.getPointAtLength(len)
该方法返回路径上指定距离的点的坐标
len
0~SVGPathElement.getTotalLength() 的浮点数, 超出范围会换算成最大值或最小值
var p = SVGPathElement.getPointAtLength(len)
// p.x, p.y 指定距离的点的坐标
Demo
demo 基于 d3.js
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">