是否可以仅使用路径的d属性使用浏览器的内置SVG API来计算沿SVG路径的点？我正在React中工作,并希望防止交错的渲染周期,因为子元素需要在路径的中点更改时随时更新,但必须等待渲染该点的路径才能计算出来.

解决方法:

对我来说,它无需渲染路径即可工作…

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)