title: image transparent gradient with canvas and js, using canvasimagegradient
body: <p>im tryin to use this simple function:
  <a href="http://code.google.com/p/canvasimagegradient/" rel="nofollow">http://code.google.com/p/canvasimagegradient/</a>
  i have to create a linear transparent gradient with canvas and js (my image must be dynamic) but my code it's not working..
  can you tell me where im wrong?</p>
  
  <pre><code>var ctx = $('#thecanvas')[0].getContext("2d");
  var theImage= $('#theimage');
  
  var linearGradient = ctx.createLinearGradient(0, 0, 0, theImage.height);
  linearGradient.addColorStop(0, "transparent");
  linearGradient.addColorStop(1, "#000");
  
  ctx.drawImageGradient(theImage, 12, 65, linearGradient);
  </code></pre>
  
  <p>the debugger just says me:
  the console says me:</p>
  
  <pre><code>NOT_SUPPORTED_ERR: DOM Exception 9: The implementation did not support
  </code></pre>
  
  <p>just under this row:</p>
  
  <pre><code>var linearGradient = ctx.createLinearGradient(0, 0, 0, theImage.height);
  </code></pre>
  
  <p>thanks a lot in advance :)</p>