將具有參數的SVG轉換爲另一種文件類型？

Question

在我的網站上，我有一個SVG圖像，它是使用用戶選擇的表單中的參數生成的。

所有的工作都很好，但我正在努力想辦法做下一部分。

一旦用戶完成，他們點擊一個按鈕...我想要這個按鈕將SVG轉換爲另一種格式（eps，jpeg或png，最好）準備好發送給我。

我打開這個如何發送給我...我想我需要在服務器上生成圖像，並寫一個腳本來給我發送一個鏈接到它或什麼的腳本。 ..

但我的問題的更重要的部分是我怎麼能在第一個地方生成圖像？我已經快速瀏覽了Batik和ImageMagick，但在SVG中找不到任何有關使用參數的內容。

謝謝！

Answer 1

1. 您可以將客戶端SVG序列化爲XML字符串並通過AJAX將其發送到服務器。這是最簡單和最無損的方式：

   var svg = document.getElementById('my_svg'); 
   var str = (new XMLSerializer).serializeToString(svg); 
   

2. 根據不同的瀏覽器和版本和功能，你使用過，您可以來渲染SVG到瀏覽器內<canvas>然後轉換畫布像素到PNG數據網址並通過AJAX發送到服務器。有關詳細信息，請參閱this question。

   • 也Drawing DOM objects into a canvas參見MDN。