Javascript 如何在路径上定位图像
对于文本,我可以使用textpath,但如何将图像定位在路径上或特定的不规则形状(例如三角形/圆形)?我建议使用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
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)。