我可以在 SVG 路径上得到一个点而不渲染它吗？

【问题标题】：Can I get a point along an SVG path without rendering it?我可以在 SVG 路径上得到一个点而不渲染它吗？
【发布时间】：2017-10-06 19:55:06
【问题描述】：

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

【问题讨论】：

标签： javascript reactjs svg path

【解决方案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)

【讨论】：

是的，我喜欢这个。良好的浏览器支持，当你完成它时只会收集垃圾。谢谢！