javascript - 如何在页面的整个窗口上应用canvas标签？

Question

我想使用 Canvas 标签通过 LinearGradient 添加背景到我的页面，有人可以帮助我吗？

我用过

<script>
(function () {
    var c = document.getElementById('canvas'),
        context = c.getContext('2d');

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

    function resizeCanvas() {
        c.width = window.innerWidth;
        c.height = window.innerHeight;
        drawin();
    }
    resizeCanvas();

    function drawin() {
        var rg = c.createLinearGradient(0, 0, c.width, c.height);
        rg.addColorStop(0, blue);
        rg.addColorStop(0, white);
        c.fillStyle = rg;
        c.fillRect(0, 0, c.width, c.height);
        c.fillStroke(0, 0, c.width, c.height);
    })();

Answer 1

HTML

<canvas id="canvas"></canvas>

CSS

* { margin: 0; padding: 0;}

body, html { height:100%; }

canvas {
    position:absolute;
    width:100%;
    height:100%;
}