parameters - 将带参数的 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 数据 URL，并通过 AJAX 将其发送到服务器。有关详细信息，请参阅此问题。

   • 另请参阅在 MDN 上将DOM 对象绘制到画布中。