title: disabling imageSmoothingEnabled by default on multiple canvases
body: <p>I'm creating a browser-based game that uses layered canvases and sprite images, and for visual and performance reasons I would like to disable imageSmoothingEnabled by default. It's my understanding that imageSmoothingEnabled isn't available in all browsers, but there are vendor-prefixed versions. I am trying to find an elegant way to disable this attribute  by default across all my canvases (in as many browsers as possible). So far, this is my method:</p>
  
  <pre><code>context1.imageSmoothingEnabled = false;
  context1.mozImageSmoothingEnabled = false;
  context1.oImageSmoothingEnabled = false;
  context1.webkitImageSmoothingEnabled = false;
  
  context2.imageSmoothingEnabled = false;
  context2.mozImageSmoothingEnabled = false;
  context2.oImageSmoothingEnabled = false;
  context2.webkitImageSmoothingEnabled = false;
  
  context3.imageSmoothingEnabled = false;
  context3.mozImageSmoothingEnabled = false;
  context3.oImageSmoothingEnabled = false;
  context3.webkitImageSmoothingEnabled = false;
  //etc...
  </code></pre>
  
  <p>Is there a more elegant approach? Is it perhaps possible to change the context's API to default to false, before actually creating each canvas context?</p>