在同一SVG文档中多次重用图像数据URI

Question

我在一个SVG文档中多次使用相同的图像。使用xlink:href将数据作为数据uri多次嵌入相同的图像似乎是不必要的文件膨胀。

我目前拥有的是：<image xlink:href="data:image/png;base64..."使用相同的数据uri多次出现。

有没有办法将数据uri嵌入到单独的svg元素中，然后将所有image元素链接到它，从而避免数据重复？

Answer 1

您可以将图像放在符号中，然后在符号处指向<use>个元素。