美观大气的纯JS
美观大气的纯JS做出黑客帝国特效
var cav = document.getElementById('content');
var w = window.screen.width;
var h = window.screen.height;
var yPositions = Array(300).join(0).split('');
var ctx = cav.getContext('2d');
var draw = function(){
ctx.fillStyle = 'rgba(0,0,0,.05)';
ctx.fillRect(0,0,w,h);
ctx.fillStyle = 'green';
ctx.font = '20px';
yPositions.map(function(y,index){
text = String.fromCharCode(1e2+Math.random()*330);
x = index*10;
cav.getContext('2d').fillText(text,x,y);
if(y>Math.random()*1e4){
yPositions[index]=0;
}else{
yPositions[index]=y+10;
}
});
}
setInterval('draw()',30);
前端/JAVA/PHP学习交流群498854752,web前端的公益学习交流平台,保你快速入门,海量学习资料免费送,保你快速入门,每周定期有公开直播课,有业内大咖为你授业解惑,海量真实项目案例分享,从零到大神的成功之路,从你相信我开始!!!
网友评论