svg内的svg被栅格化，导致blury结果放大时

我想在<svg>标记中嵌入外部SVG图像文件。要做到这一点，我使用SVG的<image>标签如下：svg内的svg被栅格化，导致blury结果放大时

<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>

正如你所看到的，我想通过5.0加入了transform属性缩放嵌套SVG。不幸的是，在Firefox和Chrome浏览器中，我有时会得到一个blury图像，因为它在扩展之前将嵌套的SVG栅格化。（例如，如果我在Chrome中打开附加的JSFiddle，就会发生错误/中断，如果按F5键，它就会按预期工作（嵌套的SVG保持清晰），但并不总是如此清脆/工作）

有什么办法可以确保嵌套的SVG在缩放之前不会被栅格化吗？

谢谢:)

的jsfiddle：http://jsfiddle.net/a9NRY/17/

ugly rasterization perfect