美觀大氣的純JS
美觀大氣的純JS做出黑客帝國(guó)特效
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學(xué)習(xí)交流群498854752边苹,web前端的公益學(xué)習(xí)交流平臺(tái),保你快速入門,海量學(xué)習(xí)資料免費(fèi)送,保你快速入門,每周定期有公開直播課吝沫,有業(yè)內(nèi)大咖為你授業(yè)解惑,海量真實(shí)項(xiàng)目案例分享羞延,從零到大神的成功之路聊记,從你相信我開始!!!
?