Javascript SVG曲线到许多小直线

Javascript SVG曲线到许多小直线,javascript,d3.js,svg,Javascript,D3.js,Svg,我没有使用d3.js。我想知道目前是否有任何JS库可以帮助将SVG路径中的任何曲线转换为指定精度的许多小直线。要转换的路径示例如下: 结果的示例是转换 进入抱歉没有好的例子,因为我真的不知道如何将曲线转换为多条小直线。你不需要库。SVG有两个用于路径的DOM API:getTotalLength和getPointAtLength。有了这两个,做你想做的很简单 只需将路径的总长度除以所需的线段数,然后使用getPointAtLenght沿着路径行走,以获得线段的点 展平(src1,5) 展平(

我没有使用d3.js。我想知道目前是否有任何JS库可以帮助将SVG路径中的任何曲线转换为指定精度的许多小直线。要转换的路径示例如下:

结果的示例是转换
进入抱歉没有好的例子,因为我真的不知道如何将曲线转换为多条小直线。

你不需要库。SVG有两个用于路径的DOM API:
getTotalLength
getPointAtLength
。有了这两个,做你想做的很简单

只需将路径的总长度除以所需的线段数,然后使用getPointAtLenght沿着路径行走,以获得线段的点

展平(src1,5)
展平(src2,7)
展平(src3,11)
展平(SRC4100)
函数展平(路径,数量){
var l=path.getTotalLength()
var p=path.getPointAtLength(0)
var d=`M${p.x}${p.y}`

对于(var i=(l/num);它通常被称为“扁平化”。在你最喜欢的搜索引擎中使用这个术语。很酷的答案……谢谢!非常感谢!