PNG內SVG - 不工作在Firefox

Question

我想將一個PNG圖像直接放入SVG文件（使用Base64）。這裏是一個演示：

https://jsfiddle.net/bL11Lp8d/

<use href="#img1" transform="matrix(20,10,-5,20,50,50)" /> 

它在Chrome中工作正常，但在Firefox中不起作用。你知道什麼是問題嗎？

Answer 1

圖像沒有寬度和高度屬性。 Firefox仍然需要它們。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500"> 
 
    <defs> 
 
    <image id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" width="5" height="5" /> 
 
    </defs> 
 
    <use href="#img1" transform="matrix(20,10,-5,20,50,50)" /> 
 
</svg>

SVG 1.1說，他們是強制性的，該SVG 2規範說可選的。