如何使用JavaScript将SVG图像转换为SVG代码以获得多边形或路径?
我想知道是否可以选择SVG文件,比如,使用JavaScript/jQuery在html文件中输入example.svg,并将多边形/polypath/path作为字符串进行进一步操作,而无需将图像保存到桌面,也无需使用InkScape/Adobe Illustrator或任何其他向量处理程序手动提取代码 以下是我的目标: 以前如何使用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 =
使用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);