_{Snap.svg demo之}Element.getPointAtLength()

Element.getPointAtLength(length)

返回给定路径上给定长度的点坐标（仅适用于path元素）。

参数

• length 数值。长度。单位为像素，起始于路径的开头，但不包括non-rendering的跳跃。

返回值

对象。表示点。

1. {
   1. x:数值。x坐标。
   2. y:数值。y坐标。
   3. alpha:数值。衍生角？ 可能是切线角的意思。为什么名称叫alpha呢？好奇怪~~
2. }

使用

<svg id="svg" width="100" height="100"></svg>

var svg = Snap("#svg");
var c = svg.paper.path("M10 10L90 90").attr({
    stroke: "#000",
    strokeWidth: 5	
});
console.dir(c.getPointAtLength(20));    // 结果见最下面的截图

效果

点击下面的圈圈显示存储的内容：

生成HTML