我想使用 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);
})();
最佳答案
HTML
<canvas id="canvas"></canvas>
CSS
* { margin: 0; padding: 0;}
body, html { height:100%; }
canvas {
position:absolute;
width:100%;
height:100%;
}
关于javascript - 如何在页面的整个窗口上应用canvas标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32651023/