HTML5 キャンバスをウィンドウに合わせてサイズ調整する 質問する

私はこれに対するエレガントな解決策を見つけたと思います:

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...
}

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