SVG：简化去除曲线的路径？

Question

我有一个 svg 文件，其中包含带有贝塞尔曲线的复杂路径。 我需要转换此路径数据以将其用于 html 地图区域，所以实际上我只需要坐标（但对于大曲线，在两个端点之间有一些坐标会非常好。

我尝试了 Inkscape 的简化路径功能，但那些路径仍然包含曲线...

有没有什么工具或者公式可以把这些曲线转换成简单的坐标？

也许是另一种在其坐标中不使用曲线的 Inkscape 输出格式？

Answer 1

在 Inkscape 中：

1. 选择按节点编辑路径工具(F2)
2. 点击你的路径来选择它
3. Ctrl + A 选择该路径中的所有节点
4. 单击将新节点插入所选段。重复此操作以尽可能详细地表示曲线的形状。
5. 然后点击制作选定的线段

这些选项位于顶部的工具栏上 - 加号图标和两个方形节点之间的直线对角线。

Answer 2

还有更多技术方法可以简化 SVG 路径 - https://github.com/mattdesl/simplify-path

var path = [ [250, 150], [250, 150], [25, 25], [24, 25], [10, 10] ]
var tolerance = 10
path = simplify(path, tolerance)
//result:
//[ [ 250, 150 ], [ 25, 25 ], [ 10, 10 ] ]

Answer 3

对于自动化，请尝试 Inkscape 中包含的 Flatten Bezier 扩展。描述here。