如何使用JavaScript将SVG图像转换为SVG代码以获取多边形或路径？

我很想知道是否可以在JavaScript文件中使用JavaScript/jQuery选择SVG文件，例如example.svg，并将多边形/多边形/路径作为字符串进行进一步操作而不保存图像到桌面并使用InkScape/Adobe Illustrator或任何其他矢量处理程序手动提取代码。如何使用JavaScript将SVG图像转换为SVG代码以获取多边形或路径？

这里就是我的目标：

前

<img src="example.svg" />

后

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <polygon points="100,10 40,180 190,....." style="......"/> 
</svg>

，我希望与之合作的代码：

$(document).ready(function() { 

    // convert the svg into polygon, for instance 
    function convertSVG(svg){ 
     ... 
    } 

    convertSVG(/* get that SVG in img tags */); 

})

来源

2013-03-19 acudars

如果您已经将它作为图像加载，但不是这样，但如果它是对象或嵌入或iframe则可能。 – 2013-03-19 16:13:23

使用jQuery，它看起来像你可以做这样的事情

$.get("/path/to/file.svg", function(data) { 
    var svg_data = data.childNodes; 
});

然后，svg_data，将持有SVG数据的标记，在DOM节点的格式，所以你可以做这样的事情：

$("#my_holder").html(svg_data);

然后#my_holder将在其中有图像。

来源

2013-03-19 16:21:20 Xymostech

如何使用JavaScript将SVG图像转换为SVG代码以获取多边形或路径？

回答

相关问题