如何从这个具有填充的复杂路径的 svg 更改为具有没有填充的简单路径的上述 svg？

Question

我有一些具有复杂/复合路径的 svg 文件。这些在 Inkscape 或 Illustrator 中使用压敏笔绘制的路径在路径之间有微小的填充。在 Illustrator 中，您可以选择整个路径，然后将笔更改为基本笔（无压力感应），这会将路径更改为简单路径。如何使用 js 实现这一点？

我在这里有两种路径的 2 个示例：

   http://jsfiddle.net/KRKz9/3/ 

如何从这个具有填充的复杂路径的 svg 更改为具有使用 js 没有填充的简单路径的上述 svg？

编辑：嗨@罗伯特。我有这样的：

function makeSame() { 
var paths = maing.getElementsByTagName("path"); 
for (var i=0, max=paths.length; i < max; i++) { paths[i].style.stroke="none"; paths[i].style.fill="blue"; 
paths[i].style.stroke_width=2; 
} } 

在 jsbin 中：jsbin.com/sovit/1/edit

我卡在这里了，你能纠正一下吗？

编辑：谢谢@robert。我只是这样纠正它：

var paths = document.getElementsByTagName("path"); 

现在的问题是，重复的路径仍然存在： （这个 jsfiddle 示例以及使用上述代码生成的 svg 代码，表明每行似乎有 2 条路径）

http://jsfiddle.net/Y35sV/2/

请问可以删除每行的第二条路径吗？

Answer 1

大概是这样的吧？

function makeSame() {

    var paths = document.getElementsByTagName("path");
    for (var i=0, max=paths.length; i < max; i++) {
        paths[i].style.stroke="none";
        paths[i].style.fill="#0000C6";
    }
}

这将转换路径，改变它们的填充和描边，以便它们匹配。