我可以在沒有渲染的情況下沿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)