Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在路径上定位图像_Javascript_Html_Svg - Fatal编程技术网

Javascript 如何在路径上定位图像

Javascript 如何在路径上定位图像,javascript,html,svg,Javascript,Html,Svg,对于文本,我可以使用textpath,但如何将图像定位在路径上或特定的不规则形状(例如三角形/圆形)?我建议使用getPointAtLength(length)返回表示位置的对象 以下是API文档: 使用此选项,您将能够创建所需的任何路径形状。然后做一个for循环,在这个循环中,在每次迭代中,计算沿着路径的点的长度逐渐增加 var pos; for (var i = 0, len = 0; i < 10; i++, len+=10){ pos = yourPath.getP

对于文本,我可以使用textpath,但如何将图像定位在路径上或特定的不规则形状(例如三角形/圆形)?

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

以下是API文档:

使用此选项,您将能够创建所需的任何路径形状。然后做一个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
  }
var-pos;
对于(变量i=0,len=0;i<10;i++,len+=10){
pos=yourPath.getPointAtLength(len);
//现在将您的物品位置设置为位置x,位置y
}

?这不是Raphaël特定的方法,而是一种。因此,不需要特殊的库(除非您出于其他原因想使用Raphaël)。