如何使用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代碼以獲取多邊形或路徑？

回答

相關問題