Javascript 动态调整浏览器窗口填充画布的大小

当改变窗口大小时，不会用渐变填充画布

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

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

    }
    resizeCanvas();

---

请帮助。

您不需要javascript来完成此任务，只需使用css即可。（在下面的示例中，我将画布设为蓝色，以证明它填充了整个页面）

画布{
背景：矢车菊蓝；
}
html、正文、画布{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
}

---

画布大小已被更新

为了消除渐变，您需要更改第48行，以便矩形的大小与画布匹配

ctx.fillRect(0,0,canvas.width,canvas.height);