title: Is it possible to create a fade-in effect for an image that shows up on canvas?
body: <p>I have an image (arrow) that shows up when the user interacts with an object on canvas. This image (arrow) tells the user in which direction to drag the object in. Is it possible to create a fade-in effect for the image ?</p>
  
  <p>Here's the code</p>
  
  <pre><code>   var curvedArrow = new Image();
      curvedArrow.src = "img/curvedArrow.png";
  // curvedArrow.onload = function() {
          context.drawImage(curvedArrow, 15, 45, 35, 30);
  //  };
  </code></pre>
  
  <p>NOTE: I call the drawImage() without onload, as the image didn't show up on canvas if I called drawImage within onload</p>