Html SVG中的SVG图像在Firefox中不可缩放

我在HTML文档中使用SVG，并在所述SVG中使用外部SVG文件。像这样：

<svg class="ipachart" width="500" height="350" viewBox="0 0 500 350" version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">

    <!-- In Firefox 38.0.5, the svg does not scale to fit the SVG. While it's fine in Chrome. -->
    <image x="0" y="0" width="100%" height="100%" xlink:href="https://www.dropbox.com/s/gtindax1177ewmx/Blank_vowel_trapezoid.svg?dl=1" />

    <!-- Using a PNG, it scales just fine in Firefox -->
    <!-- <image x="0" y="0" width="100%" height="100%" xlink:href="https://www.dropbox.com/s/w0i764blf4tbc4z/Blank_vowel_trapezoid.png?dl=1" /> -->

</svg>

这在Chrome和Safari中效果很好。（我不喜欢IE）

问题在于SVG图像无法缩放以适应Firefox（版本38.0.5）。而不是像这样：

它看起来是这样的（好像根本没有缩放）：

若我使用PNG版本代替SVG，它的工作原理和预期的一样。这让我觉得这是一只虫子

---

我应该提交错误报告吗？

不。因为在我看来，Firefox在这里的行为是正确的

您要链接到的SVG（“Blank_元音_梯形.SVG”）没有

viewBox

属性，因此不应该/不会对其进行缩放以适应您的

边界

如果有任何问题，你应该针对Chrome和IE提交bug

如果您希望SVG缩放。将

viewBox

添加到其根

标记：

viewBox="0 0 1000 700"

并删除

宽度

和

高度

属性