我可以在没有渲染的情况下沿SVG路径获取点吗？

Question

是否可以使用浏览器内置的SVG API来使用路径的“d”属性来计算沿着SVG路径的点？我在React中工作，并希望避免交错渲染周期，因为子元素需要在路径中点发生变化时更新，但必须等待渲染路径才能计算该点。

Answer 1

对我来说，它的工作原理，而无需渲染路径...

var p = document.createElementNS("http://www.w3.org/2000/svg", "path") 
 

 
p.setAttribute("d", "M0,0L100,100") 
 
var r = p.getPointAtLength(10) 
 
document.write("x=" + r.x + ", y=" + r.y)