title: HTML5 Canvas: better to re-draw objects or use bitmaps?
body: <p>My project has an HTML5 Canvas on which graphical objects are drawn repeatedly. These objects change rapidly. Drawing them takes time. How can I make it faster?</p>
  
  <p>The objects are not overly complex but contain things like arcs, gradients, polygons.</p>
  
  <p>The look of an object depends on about 10 properties which each have one of about 10 values. That means that there are only about 100 different appearances than an object can have. That's why I'm thinking about only drawing each appearance once and then caching a bitmap for re-use.</p>
  
  <p>Everything must work on the client (i.e. I cannot use ready-made images)</p>
  
  <ol>
  <li>What would be the best way to do this with HTML5 Canvas?</li>
  <li>Is it a good idea at all or is the overhead of working with bitmaps greater than re-drawing the objects every time?</li>
  </ol>