在svg路径上获取点的y坐标

Jan*_*iec 4 svg point path coordinates

我想我需要补充一些解释,我想问这个问题,因为太短的问题没有质量标准......好笑......

所以,问题是:如何在特定的'x'坐标上获得svg路径上的点的'y'坐标?

Pau*_*eau 11

这不是直截了当的,因为路径可以有多个具有指定x坐标的点.

SVG DOM中没有内置函数来执行此操作.一种解决方案是沿着路径段走,并自己做数学.

或者,在被SVGPathElement调用时有一个内置函数getPointAtLength(len).沿路径传入一段长度,它将返回该点的x,y坐标.你可以沿着路径长度走一步,找出x坐标穿过你想要的位置x.您可以从SVGPathElement.getTotalLength()函数中获取路径长度.它有点像一个kludge,你必须要小心,你不要错过曲线在你附近弯曲的点x.但它应该工作.

有关这些功能的更多信息,请参见此处