Element.getPointAtLength(length)
返回给定路径上给定长度的点坐标(仅适用于path元素)。
参数
length 数值。长度。单位为像素,起始于路径的开头,但不包括non-rendering的跳跃。
返回值
对象。表示点。
{
'x': 数值。x坐标。
'y': 数值。y坐标。
'alpha': 数值。衍生角? 可能是切线角的意思。为什么名称叫alpha呢?好奇怪~~
}
使用
<svg id="svg" width="100" height="100"></svg>
var svg = Snap("#svg");
var c = svg.paper.path("M10 10L50 50").attr({
stroke: "#000",
strokeWidth: 3
});
console.dir(c.getPointAtLength(5)); // 结果见最下面的截图