title: Canvas - DrawImage Method
body: <p>I got a strange problem with the "DrawImage"-Methode of the Canvas element. With the following code I create the canvas and attache it to the "rightcanvas" div.</p>
  
  <pre><code>var rightcanvas = document.getElementById('rightcanvas');   
  rcanvas = document.createElement('canvas');
  rcanvas.setAttribute('width', canvasLength);
  rcanvas.setAttribute('height', canvasHeight);
  rcanvas.setAttribute('id', 'rcanvas');
  rightcanvas.appendChild(rcanvas);
  </code></pre>
  
  <p>And now I try to draw a Base64 encoded image.</p>
  
  <pre><code>var rcontext = rcanvas.getContext('2d');
  var image = new Image();
  image.src = 'data:image/png;base64,iVBOR....';
  rcontext.drawImage(image,0,0);
  </code></pre>
  
  <p>The canvas will be created and attached. But the image will not be displayed.Does somebody know what the problem is? =(</p>