javascript - 将 SVG 和 .JPG 合并为一张图像？

Question

我有一个在 map 应用程序中使用 SVG/VML(通过 Raphael JS)设置的网站，其中 SVG 用于在背景 map 图像上显示图形。这在屏幕上非常有效，也适用于打印带有叠加层的硬拷贝 map 。然而，当用户想要将带有 SVG 叠加层的 map 图像保存到本地 .JPG 文件时，此设置就会崩溃。

更具体地说，当图像顶部有 SVG/VML 元素时，使用大多数浏览器的标准右键单击功能“将图像另存为...”不起作用。右键单击 map ，用户可以保存 map 图像，但没有叠加层。右键单击覆盖的 SVG 元素，用户获得的最好结果是能够检查元素或保存一些 HTML(因浏览器而异)。

所以我的主要问题是；是否可以拍摄一张图像和一个 SVG 元素并将它们(最好是客户端，尽管我愿意接受选项)组合成一个“扁平化”图像，.JPG、.PNG 或其他，然后可以右键单击并根据要求保存或下载到用户的 PC？

Answer 1

您需要做的是，而不是叠加 JPG 和 SVG:

• 拍摄原始图像
• 在内存中绘制SVG文件中的线条
• 将单张图片以 JPG 格式输出到浏览器。

这当然意味着您必须能够解释 SVG...