Nasıl otomatik olarak sayfaya sığacak şekilde HTML5 <canvas> eleman tırmanabilir miyim?

Örneğin, 100%, ama <canvas> height width özelliklerini ayarlayarak ölçek <div> bulabilirim ölçek, değil mi?

Bu zarif bir çözüm bulduğumu düşünüyorum:

JavaScript

/* important! for alignment, you should make things
 * relative to the canvas' current width/height.
 */
function draw() {
  var ctx = (a canvas context);
  ctx.canvas.width  = window.innerWidth;
  ctx.canvas.height = window.innerHeight;
  //...drawing code...
}

CSS

html, body {
  width:  100%;
  height: 100%;
  margin: 0px;
}

Benim için herhangi bir büyük negatif performans etkisi olmadı şimdiye kadar.