在Firefox中渲染画布不起作用

Question

我正在尝试使用canvas将图像转换为base64网址：

      var canv = document.createElement('canvas');      
      var ctx = canv.getContext("2d",{preserveDrawingBuffer: true});
      canv.width = img.width;
      canv.height = img.height;
      ctx.drawImage(img,0,0);
      result = canv.toDataURL("image/jpeg", quality);

在Chrome中100％的时间工作，但在firefox中结果为空并且仅包含“数据：”3次中有1次（30％的时间）

同样，如果我尝试：

      $(body).append(canv);

画布中没有显示图像。

我被建议添加{preserveDrawingBuffer：true}，但它没有帮助。

为了提供更多的上下文，这个操作被执行为异步，并且可能同时呈现几个不同的画布，我认为这可能与它有关。

这必须是一个已知问题，是否有人对此有任何线索？