javascript - 动态调整浏览器窗口大小填充 Canvas

Question

当更改窗口大小时，不会用渐变填充 Canvas ...

window.addEventListener('resize', resizeCanvas, false);
function resizeCanvas() {

            canvas.width = window.innerWidth;
              canvas.height = window.innerHeight;
            draw();

    }
    resizeCanvas();

http://codepen.io/tworog/pen/jVoYrz

请帮忙。

Answer 1

您不需要 javascript 来完成此操作，只需使用 css 即可。 (我在下面的示例中将 Canvas 设为蓝色，以证明它填满了整个页面)

canvas {
  background: cornflowerblue;
}

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

<canvas></canvas>