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

如何使用JavaScript将SVG图像转换为SVG代码以获得多边形或路径?,javascript,svg,polygon,Javascript,Svg,Polygon,我想知道是否可以选择SVG文件,比如,使用JavaScript/jQuery在html文件中输入example.svg,并将多边形/polypath/path作为字符串进行进一步操作,而无需将图像保存到桌面,也无需使用InkScape/Adobe Illustrator或任何其他向量处理程序手动提取代码 以下是我的目标: 以前 使用jQuery,看起来您可以执行以下操作 $.get("/path/to/file.svg", function(data) { var svg_data =

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

以下是我的目标:

以前


使用jQuery,看起来您可以执行以下操作

$.get("/path/to/file.svg", function(data) {
    var svg_data = data.childNodes;
});
然后,
svg\u data
将以DOM节点格式保存svg数据的标记,因此您可以执行以下操作:

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

然后,
#我的_支架
将包含图像。

如果您已将其作为图像加载,则不需要,但如果它是对象、嵌入或iframe,则可以。
$(document).ready(function() {

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

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

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