1

我想将一些 SVG 嵌入到 SVG 中。因此我想使用 <image> 元素，因为我想保持我的 SVG 分开。但是当我像这样包含我的 SVG 时：

<image xlink:href="svgs/munitionsmangel.svg" width="20" height="20" x="120" y="70" />

它可以工作，但是当我使用浏览器缩放时不会放大 SVG，它只是保持很小。

但是，当我将相同的 SVG 文件嵌入为符号并像这样包含它时：

<use xlink:href="#munitionsmangel" width="20" height="20" x="80" y="70" />

它只是像魅力一样扩大。这里有什么问题？

编辑：似乎这是 Firefox 的一个错误，在当前版本 21 中，Chrome 也会放大图像......更奇怪的是，如果我在图像中包含光栅图像，Firefox 和 Chrome 都会缩放它......

编辑 2：即使 IE 9 也有所需的行为，虽然它的背景颜色渲染有点奇怪，所以它只有 Firefox 很烂

4

1 回答 1

0

由于这看起来确实像 Firefox 中的一个错误，因此我将使用<use />-tag 代替，可能与 XMLHttpRequest 结合以<symbol />动态插入。甚至只有 XMLHttpRequest 直接插入节点。我想不出更好的解决方案，所以如果真的有更好的答案，那就贴吧！

于 2013-06-11T11:30:13.193 回答