[英]how to apply canvas tag on the whole window of my page?
我想使用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%;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.