2012-12-25 32 views
0

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

+2

http://www.whathaveyoutried.com? –

回答

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 
    } 
+0

这不是一个特定圣拉斐尔方法,它是[标准SVG(http://www.w3.org/TR/SVG/paths.html#__svg__SVGPathElement__getPointAtLength)。所以,不需要特殊的库(除非你想因其他原因使用Raphaël)。 –

+0

好点。我不知道。 – Hippocrates