title: How do i tint an image with HTML5 Canvas?
body: <p>My question is, what is the best way to tint an image that is drawn using the drawImage method. The target useage for this is advanced 2d particle-effects (game development) where particles change colors over time etc. I am not asking how to tint the whole canvas, only the current image i am about to draw.</p>
  
  <p>I have concluded that the globalAlpha parameter affects the current image that is drawn.</p>
  
  <pre><code>//works with drawImage()
  canvas2d.globalAlpha = 0.5;
  </code></pre>
  
  <p>But how do i tint each image with an arbitrary color value ? It would be awesome if there was some kind of globalFillStyle or globalColor or that kind of thing...</p>
  
  <p>EDIT:</p>
  
  <p>Here is a screenshot of the application i am working with:
  <a href="http://twitpic.com/1j2aeg/full" rel="noreferrer">http://twitpic.com/1j2aeg/full</a>
  <a href="http://web20.twitpic.com/img/92485672-1d59e2f85d099210d4dafb5211bf770f.4bd804ef-scaled.png" rel="noreferrer">alt text http://web20.twitpic.com/img/92485672-1d59e2f85d099210d4dafb5211bf770f.4bd804ef-scaled.png</a></p>