title: What is the best way to show an animation using images as frames?
body: <p>I am planning to play a short animation by quickly showing several images one after another. The images will be the frames of animation. I want to have 60 fps. Of course, the images will be preloaded. There are some reasons why I don't want to use a <code>&lt;video&gt;</code> tag.</p>
  
  <p>As for me, there are 2 options:</p>
  
  <ul>
  <li>change <code>src</code> tag of an image tag</li>
  <li>display images inside <code>&lt;canvas&gt;</code> as described <a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_canvas_tut_img" rel="nofollow">here</a></li>
  </ul>
  
  <p>Before writing complicated benchmarks for all browsers I'm asking those who have any experience:</p>
  
  <ol>
  <li>Which is the best way to do it?</li>
  <li>Are there any pitfalls of these methods or ways to speed it up?</li>
  </ol>