SVG内のPNG - Firefoxで動作しません

Question

（Base64を使用して）SVGファイルに直接PNG画像を配置しようとしています。ここではデモは次のとおりです。

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仕様はオプションと言い、彼らは必須ですと言います。