SVG <use>缩放,但<img/>不</use>

时间:2013-06-09 19:20:48

标签: firefox svg

我想将一些SVG嵌入到SVG中。 因此我想使用&lt; image&gt;因为我想保持我的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" />

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

编辑:在当前版本21中,似乎这是Firefox的一个错误 Chrome也会缩放图片... 更奇怪的是,如果我在图像中加入光栅图像,Firefox和Chrome都会对它进行缩放......

编辑2:即使IE 9也有所需的行为,虽然它的背景颜色渲染有点奇怪,所以它唯一的Firefox很糟糕

1 个答案:

答案 0 :(得分:0)

由于这似乎是Firefox中的一个错误,我将使用<use /> - 标签,可能与XMLHttpRequest结合使用,以动态插入<symbol />。 甚至只有XMLHttpRequest直接插入节点。 我想不出更好的解决方案,所以如果真的有更好的答案,那就发布吧!