图像对于文本,我可以用textpath,但如何做一个路径或特定的不规则形状(例如三角形/圆)我的位置的图像?如何定位在路径
Q
如何定位在路径
0
A
回答
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
相关问题
- 1. 如何定位Highcharts路径?
- 2. 如何指定Streamwriter路径位置
- 3. Xpath无法定位路径
- 4. RSpec定位资源路径
- 5. 包括vs定位路径
- 6. 的getResource()不是定位在类路径
- 7. D3 SVG在路径上定位箭头
- 8. 在svg路径上定位<object>
- 9. 如何在代码名1中定位环境路径
- 10. 如何确定用户在GPS路径上的当前位置?
- 11. 如何将缺省装载路径定位在emberjs中
- 12. 雪碧套件:如何在圆形路径上定位精灵
- 13. 如何在Java/JavaFX中定位文件(它的路径)
- 14. 如何指定DTD路径从项目路径在hibernate.cfg.xml采摘
- 15. C++:如何在该文件的路径与给定的路径
- 16. 如何输出运行路径而不是位置路径?
- 17. 如何定义路径
- 18. 如何在Omnet ++中确定路径cMessage?
- 19. 我如何在Mac上指定路径
- 20. 如何使用位图绘制路径?
- 21. 如何获取路径的位置?
- 22. 如何在windows7 64位下从regedit获取Excel 64位路径?
- 23. SVG路径位置
- 24. PHP路径位置
- 25. 春Webjars定位和上下文路径
- 26. MouseKeyHook c#鼠标重定位路径
- 27. 如何重定向到特定路径?
- 28. 如何重定向绑定路径?
- 29. 如何使用JavaScript定位SVG路径的属性?
- 30. 如何更改/重定位OpenCover的cs文件路径
http://www.whathaveyoutried.com? –