svg内部的svg被光栅化，放大时会导致结果模糊

我想在

标记中嵌入一个外部SVG图像文件。为此，我使用SVG的

标记，如下所示：

<svg width="1000" height="1000"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">

    <image x="0" y="0" width="48" height="48"
     xlink:href="http://static.micahcarrick.com/media/images/autotools-tutorial/hello-world.svg"
     transform="scale(5.0)" />

</svg>

如您所见，我试图通过添加

transform

属性将嵌套的SVG扩展5.0。不幸的是，在Firefox和Chrome中，我有时会得到一个模糊的图像，因为它在放大之前将嵌套的SVG光栅化

注意：在Firefox和Chrome中，它有时会像预期的那样工作（嵌套的SVG保持清晰），但并不总是如此（例如，如果我在Chrome中打开附加的JSFIDLE，它会模糊/损坏。如果我按F5，它会清晰/正常工作）

有没有办法确保嵌套的SVG在缩放之前不会被光栅化？

谢谢：）

JSFiddle：

这是一个错误，是由于图像被缓存造成的。您无法从代码中修复此问题，因为这是一个浏览器错误，但您可以尝试在服务器端禁用该图像的缓存