SVG:简化删除曲线的路径?

时间:2011-06-17 13:50:36

标签: path svg inkscape

我有一个svg文件,其中包含带有贝塞尔曲线的复杂路径。 我需要转换这个路径数据以将其用于html map-area,所以我实际上只需要坐标(但对于大曲线,在两个端点之间设置一些坐标会非常好。

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

是否有任何工具或公式可以将这些曲线转换为简单坐标?

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

3 个答案:

答案 0 :(得分:15)

在Inkscape中:

  • 选择按节点编辑路径工具(F2)。
  • 点击您的路径选择它
  • Ctrl-A 以选择该路径中的所有节点
  • 点击制作选定的细分线(在顶部的工具栏上 - 图标是两个方形节点之间的直线对角线)。

答案 1 :(得分:6)

对于自动化,请尝试在Inkscape中添加Flatten Bezier扩展名。说明here

答案 2 :(得分:0)

有更多技术方法可以简化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 ] ]