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

【问题标题】：How to convert an SVG image using JavaScript into SVG code to get the polygon or path?如何使用 JavaScript 将 SVG 图像转换为 SVG 代码以获取多边形或路径？
【发布时间】：2013-03-19 16:08:57
【问题描述】：

我很想知道是否可以选择一个 SVG 文件，比如说，使用 JavaScript/jQuery 在您的 html 文件中选择 example.svg 并将多边形/polypath/path 作为字符串获取以进行进一步操作 无需将图像保存到桌面并使用 InkScape/Adobe Illustrator 或任何其他矢量处理程序手动提取代码。

这是我的目标：

之前

<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 */);

})

【问题讨论】：

如果您已将其加载为图像，则不会，但如果它是对象或嵌入或 iframe，则可能。

标签： javascript svg polygon

【解决方案1】：

使用 jQuery，看起来你可以做类似的事情

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

然后，svg_data 将以 DOM 节点格式保存 SVG 数据的标签，因此您可以执行以下操作：

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

然后#my_holder 将在其中包含图像。

【讨论】：