javascript - 我可以在不渲染的情况下沿 SVG 路径获取点吗?

标签 javascript reactjs svg path

是否可以使用浏览器内置的 SVG API 仅使用路径的“d”属性来计算 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)

关于javascript - 我可以在不渲染的情况下沿 SVG 路径获取点吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43853980/

相关文章:

javascript - d3.js 带标签强制折叠

css - Material UI 中的样式如何改变焦点标签的颜色?

reactjs - 将 SwipeableViews 与 updateHeight() 结合使用

javascript - 在 React.js 中放大和缩小图像

javascript - 如何在 JavaScript 中将 Unix 时间戳转换为 ISO 8601?

javascript - 如何将 svg Canvas 保存到本地文件系统

dom - SVGSVGElement.children无法在IE11中工作?

javascript - 如果输入类型设置为 Number 如何使用 sapui5 设置 maxlength

javascript - 无法在表中显示数据库中的所有数据

javascript - AngularJS错误: Provider must return value from $get factory method