小编iLi*_*KFC的帖子

我正在尝试制作一个简单的画布，它可以拉伸自身以完全填充视口，但我不希望出现滚动条，如果我尝试使用window.innerWidth和调整 JS 中的画布大小，就会发生这种情况window.innerHeight。

注意：我不想在 CSS 中调整画布的大小，因为里面的元素都被拉伸了，因为根据我的理解，CSS 将画布视为 img，并且实际上并没有拉伸画布的分辨率。

发生的情况是这样的： 这是代码：CSS：

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

/*canvas*/
#bg {
    background: #171629;
}

js:

ctx.beginPath()
ctx.canvas.width  =  window.innerWidth
ctx.canvas.height = window.innerHeight


ctx.rect(20, 40, 50, 50)
ctx.fillStyle = "#e5e5e5"
ctx.fill()
ctx.closePath()