Fatal编程技术网
  • javascript/
  • Javascript 如何从具有填充的复杂路径的svg更改为具有无填充的简单路径的svg？

Javascript 如何从具有填充的复杂路径的svg更改为具有无填充的简单路径的svg？

javascript jquery svg

Javascript 如何从具有填充的复杂路径的svg更改为具有无填充的简单路径的svg？,javascript,jquery,svg,raphael,snap.svg,Javascript,Jquery,Svg,Raphael,Snap.svg,我有一些svg文件具有复杂/复合路径。这些用Inkscape或Illustrator中的压敏笔绘制的路径之间有微小的填充。在Illustrator中，您可以选择整个路径，然后将画笔更改为“基本画笔无压力灵敏度”，这会将路径更改为简单路径。如何使用js实现这一点 我这里有两种路径的例子： http://jsfiddle.net/KRKz9/3/ 如何使用js从具有填充的复杂路径的svg更改为具有无填充的简单路径的svg 编辑：你好，罗伯特。我这里有这样的： function makeSa

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

我这里有两种路径的例子：

   http://jsfiddle.net/KRKz9/3/
如何使用js从具有填充的复杂路径的svg更改为具有无填充的简单路径的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; 
} } 

var paths = document.getElementsByTagName("path");
现在的问题是，复制的路径仍然存在： 这个JSFIDLE示例和使用上述代码生成的svg代码表明，每行似乎有2条路径

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

类似的内容

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";
    }
}
这将转换路径，更改其填充和笔划，使其匹配。

感谢Robert提供的解决方案。您能否将此应用于我上面的JSFIDLE示例，看看它是如何工作的？我不能让它工作！嗨@Robert。这里我有这样的函数：函数makeSame{var paths=maing.getElementsByTagNamepath；对于var I=0，max=paths.length；I