canvas代码雨

Html

Css

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

window.onload = function() {
    var H = window.innerHeight;
    var W = window.innerWidth;
    var mycanvas = document.getElementById('mycanvas');
    var ctx = mycanvas.getContext('2d');

mycanvas.height = H;
    mycanvas.width = W;

var fontsize = 18;
    var text = [];
    var lie = Math.floor(W / fontsize);
    var str = '01'
    for (var i = 0; i < lie; i++) {
        text.push(0);
    }
    ctx.font = fontsize + 'px 微雅软黑'

function randColor() {
        var r = Math.ceil(Math.random() * 155) + 100;
        var g = Math.ceil(Math.random() * 155) + 100;
        var b = Math.ceil(Math.random() * 155) + 100;
        return 'rgb(' + r + ',' + g + ',' + b + ')'
    }
    console.log(randColor())
    var timer = setInterval(function() {
        draw();
    }, 1000 / 30)
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

canvas代码雨



代码描述：炫酷的代码雨特效

更新时间：2020-06-30 09:43:30
该内容推荐作为展示使用，作为网页背景或单纯展示效果最佳

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

立83兮7盖4

相关代码

canvas代码雨

最新