Firefoxを更新した後55インライン画像（img）がHTMLで表示されないCANVASからSVG

Question

CANVASほとんどのHTML要素がSVGデータとしてレンダリングされる領域を開発しました。それはの前に完全に働いていたfirefox新しい更新版。さて、この最近のアップデートの後、CSSの背景画像だけがレンダリングされます。 imgタグによるインライン画像には何も表示されません。

いくつかの制限があるため、CSSの背景イメージを使用することはできません。私はバックグラウンドで色を表示しなければならず、高いz-indexとpositionを使って上層にいくつかのPNG画像を表示する必要があります。それで、それは透明な領域で色を描くように感じるでしょう。

更新 - サンプルコードは -

<canvas id="canvas" style="border:2px solid black;" width="200" height="200"></canvas> 
    <script> 
    var canvas = document.getElementById("canvas"); 
    var ctx = canvas.getContext("2d"); 
    var data = "<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>" + 
     "<foreignObject width='100%' height='100%'>" + 
      "<div xmlns='http://www.w3.org/1999/xhtml' style='font-size:40px;background-color:#0f0'>" + 
      "<em>I</em> like <span style='color:white; text-shadow:0 0 2px blue;'>cheese</span>" + 
      "<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' width='150' height='150'/></div>" + 
     "</foreignObject>" + 
     "</svg>"; 
    var DOMURL = self.URL || self.webkitURL || self; 
    var img = new Image(); 
    var svg = new Blob([data], {type: "image/svg+xml;charset=utf-8"}); 
    var url = DOMURL.createObjectURL(svg); 
    img.onload = function() { 
    ctx.drawImage(img, 0, 0, 200,200); 
    DOMURL.revokeObjectURL(url); 
}; 
img.src = url; 
</script> 

Answer 1

> =これは、現在夜間に固定されている55 https://bugzilla.mozilla.org/show_bug.cgi?id=1409992

58を構築するFirefoxのバージョンのバグであることが確認されました。

不都合な回避策はありません..