_{Snap.svg demo之}Snap.path.findDotsAtSegment()

Snap.path.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t)

实用方法返回给定曲线上特定位置的点坐标。

参数

• p1x 数值。曲线第1个点的x位置。
• p1y 数值。曲线第1个点的y位置。
• c1x 数值。曲线第1个锚的x位置。
• c1y 数值。曲线第1个锚的y位置。
• c2x 数值。曲线第2个锚的x位置。
• c2y 数值。曲线第2个锚的y位置。
• p2x 数值。曲线第2个点的x位置。
• p2y 数值。曲线第2个点的y位置。
• pt2y 数值。曲线上的位置(0~1)。

返回值

对象。如下格式的点信息：

1. {
   1. x:数值。点的x坐标。
   2. y:数值。点的y坐标。
   3. m: {
      1. x:数值。左侧锚点的x坐标。
      2. y:数值。左侧锚点的y坐标。
   4. },
   5. n: {
      1. x:数值。右侧锚点的x坐标。
      2. y:数值。右侧锚点的y坐标。
   6. },
   7. start: {
      1. x:数值。曲线开始的x坐标。
      2. y:数值。曲线开始的y坐标。
   8. },
   9. end: {
      1. x:数值。曲线结束的x坐标。
      2. y:数值。曲线结束的y坐标。
   10. },
   11. alpha:数值。 改点在曲线上的切线角度。
2. }

测试代码

var dot = Snap.path.findDotsAtSegment(20,80, 40,40, 60,40, 80,80, 0.5);
console.dir(dot);

控制台输出