将png图像嵌入SVG中

Question

可能重复：
SVG支持嵌入位图图像吗？

我尝试将PNG图像插入到SVG文件中。如果我使用<image>标签，我只能设置对PNG图像的引用。我想将整个PNG数据放入SVG中，因为如果PNG文件被移动或删除，我的SVG文件仍应以那些PNG数据呈现。

SVG格式是否支持这样做？

提前致谢！

- Lukasz Spas

Answer 1

在SVG中引用图像有两种方法，一种是引用外部资源，这是“危险”的，因为外部资源可能变得不可用；第二种方法是直接将图像的64位编码嵌入到SVG中，这可能是你想要的。

有在线工具可以将图像转换为64位编码。当你获得这些字符串时，将它们放入正确的标记中即可。

我认为Inkscape提供了一种同时加载图像的选项，因此您不必使用在线转换工具。

- Chasbeen

---

"64 bit encode" 可能是指 "Base64编码"。 - GusOst

http://tutorials.jenkov.com/svg/image-element.html#svg-image-example - Julian

@GusOst 他可能是指使用数据URL，在这种情况下，它们不一定需要进行Base64编码，可以使用任何数据URL支持的编码方式。 - Vad