无需绘图即可获得SVG路径坐标
Get SVG path coords without drawing
我想使用pointAt()
获得路径的坐标。是否有可能使用路径对象而不绘制它?
现在我正在做如下的事情。但这需要一个id为'#drawing'
的元素。
var draw = SVG('drawing');
var path = draw.path(pathData);
var pathLength = path.length();
var point5 = path.pointAt(5);
我可以使用不带draw变量的路径吗?
svg.js在以标准方式创建时总是将新创建的路径附加到dom中。然而,如果你挖掘一点,你会发现这个解决方案:
var path = (new SVG.Path).plot(pathData)
var point5 = path.pointAt(5);
console.log(point5);
这将只在内部创建路径,而不会将其追加到dom。
相关文章:
- 使用onclick绘制SVG路径
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- 如何设置SVG路径的样式以拍摄图像
- Html5-使用SVG路径绘制的组织层次结构在左手边被剪裁
- SVG路径命中测试
- 更快的SVG路径操作
- 以编程方式确定由 SVG 路径生成的形状
- 将 SVG 路径雕刻成矩形,在矩形中留下一个“孔”
- 使用正则表达式提取 svg 路径
- 如何在 JavaScript 中计算 SVG 路径的椭圆路径坐标
- SVG 路径未显示
- svg路径动画整个路径
- 使用Javascript获取SVG路径的绝对坐标
- 画布的SVG路径
- 如何在HTML中创建一个信息框,显示与悬停SVG路径相关的信息
- 尝试使用javascript更改多个svg路径
- 悬停在表行上填充svg路径
- 自定义Javascript Alert Popup onclick svg路径
- 使用RaphaelJS和GSAP制作SVG路径动画
- 单击事件在svg路径上不起作用