title: Why does drawing an animated gif on canvas only update after reselecting the tab?
body: <p>I would like to display an animated gif on canvas with some transformations applied. To test things, I'm currently just trying to display the animated gif on the canvas, so that it is essentially equal to displaying the gif as a regular <code>&lt;img&gt;</code> tag.</p>
  
  <p>I'm using Chrome and <code>webkitRequestAnimationFrame</code>. On each request frame, I draw the image. When the gif frame changes, this should be reflected on the canvas. This works only partially:</p>
  
  <ul>
  <li>Just watching the canvas does not make it update. Instead, one, still frame is begin drawn.</li>
  <li>Reselecting the tab (i.e. selecting another and selecting the canvas tab again) does update it to a new frame, but after that it freezes again.</li>
  </ul>
  
  <p>This is a fiddle I set up: <a href="http://jsfiddle.net/eGjak/93/" rel="nofollow">http://jsfiddle.net/eGjak/93/</a>.</p>
  
  <p>How can I draw an animated gif on canvas <em>with it actually animating</em>?</p>