javascript - 如何在路径上定位图像

Question

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

Answer 1

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

这是 API 文档：SVG getPointAtLength 文档

有了这个，您将能够创建您想要的任何路径形状。然后执行一个 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
  }