title: Synchronous way to put / transform base64 encoded data-uri to canvas
body: <p>There is a well known and easy way to draw a datauri into a canvas:</p>
  
  <pre><code>var img = new Image();
  img.onload = function () {
      context.drawImage(this, 0, 0, canvas.width, canvas.height);
  }
  img.src = "data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==";
  </code></pre>
  
  <p>This way is async, my question is wether there is a way to do it async.</p>