title: Image does not display in Firefox
body: <p>I want to load a png image in base64 to html5 canvas element. I have this code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body&gt;
          &lt;canvas id="pageCanvas"&gt;&lt;/canvas&gt;
          &lt;script type="text/javascript"&gt;
              var canvas = document.getElementById("pageCanvas");
              var ctx = canvas.getContext("2d");
              var imageData ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC";
              var imageObj = new Image();
              imageObj.src = imageData;
              ctx.drawImage(imageObj, 50, 100);
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The above code working well in IE, chrome, Microsoft edge. But in Firefox the image was not displayed. It display blank page. Sometime when we reload the page then it displayed an image in canvas.</p>
  
  <p>Thank you very much for the answers.</p>