0

我有一些具有复杂/复合路径的 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");

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

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

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

4

1 回答 1

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";
    }
}

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

于 2013-12-31T16:22:59.993 回答