title: HTML5 Image Buffer
body: <p>I am a beginner programmer in javascript. I don't use jQuery! And I want to make a simple game. </p>
  
  <p>I am loading multiple images into canvas using </p>
  
  <blockquote>
    <p><strong>imageObj.onload = function(){}</strong></p>
  </blockquote>
  
  <p>I am using a keylistener for <strong>multiple keypresses</strong> so that the images could move on the diagonal while pressing both up and left keys by using smth like this:  </p>
  
  <blockquote>
    <p>function keydown_handler(e){my_key[String.fromCharCode(e.keyCode)] =
    true; Move();}</p>
  </blockquote>
  
  <p>My problem is that when I press the keys and move the images on the canvas the image flickers. I suppose this is because it loads the image every time I press a key. If this is true how can I load an image ONCE into memory and then RECALL that image from memory and change it's coordinates?</p>
  
  <p>Thank you!</p>