如何在路径上定位图像

Question

对于文本，我可以使用textpath，但是如何在路径或特定的不规则形状（例如三角形/圆形）上定位图像？

Answer 1

我建议使用getPointAtLength(length)返回表示位置的对象。

以下是API文档：SVG getPointAtLength documentation

通过这种方式，您将能够创建所需的任何路径形状。然后执行for循环，在其中计算沿路径的点，以便在每次迭代时增加长度。

  var pos;
  for (var i = 0, len = 0; i < 10; i++, len+=10){
    pos = yourPath.getPointAtLength(len);
    //Now set your items position to pos.x, pos.y
  }