使 canvas 拉伸以填充 window

Make the canvas stretch to fill the window

当我将高度设置为 100% 时，浏览器中会出现一个垂直滚动条。如何在没有滚动的情况下将 canvas 拉伸到 100% 高度？

<style>        
    html, body
    {
        margin: 0px;
        padding: 0px;
    }
    canvas
    {
        background: purple;
        width: 100%;
        height: 100%;
    }
</style>
<body>
    <canvas></canvas>
</body>

只需在 body 上设置 overflow:hidden 就可以了。

html, body
{
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
canvas
{
    background: purple;
    width: 100%;
    height: 100%;
}