无需绘图即可获得SVG路径坐标

Get SVG path coords without drawing

本文关键字:SVG 路径 坐标 可获得 绘图      更新时间:2023-09-26

我想使用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。