黑客数字雨源代码-彩色动态效果

罗码 · 发表于 HTML 2020-6-18 10:22:41


	<!doctype html> <html lang="en"> <head> <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <meta charset="UTF-8"> <meta name="Author" content="罗码网络"> <meta name="keywords" content="罗码网络，每天分享免费软件.精品源码.游戏辅助.各种活动.游戏分享.网站代码等等！"> <meta name="Description" content=""> <title>黑客数字雨</title> <style> {margin:0;} canvas{background:#000000;} body{overflow:hidden;} </style> </head> <body> <!--画布--> <canvas width="0" height="0" id="canvas0"> </canvas> <!--javascript --> <script> var canvas=document.getElementById("canvas0"); //获取权限 var ctx=canvas.getContext("2d"); //获取屏幕信息 var screenInformation= window.screen; //控制台输出屏幕信息 console.log(screenInformation); //设置屏幕信息 canvas.width=screenInformation.width; canvas.height=screenInformation.height; //字体大小 var fontSize=20; //字体 var str="01"; var cols=Math.floor((screenInformation.width)/fontSize); var X =[]; for(var i=0;i<cols;i++){ X.push(0); } var gradient=ctx.createLinearGradient(0,0,screenInformation.width,screenInformation.height); gradient.addColorStop("0","#ff0099"); gradient.addColorStop("0.25","#00ccff"); gradient.addColorStop("0.5","#ffff00"); gradient.addColorStop("0.75","#cc66cc"); gradient.addColorStop("0.1","#00ccff"); function matrix(){ ctx.fillStyle="rgba(0,0,0,0.02)"; //清除画布 ctx.fillRect(0,0,canvas.width,canvas.height); //设置字体颜色 ctx.fillStyle=gradient; for(var i=0;i<cols;i++){ var y=X[i]fontSize; ctx.fillText(str[Math.floor(Math.random()str.length)],ifontSize,y); if(y >= screenInformation.height&&Math.random()>0.99){ X[i]=0; } X[i]++; } } setInterval(matrix,30); </script> </body> </html> 复制代码黑客数字雨源代码-彩色动态效果代码如下

版权声明

1、本站所有资源来源于网络搜集和会员分享

2、本站所有程序仅供大家学习和参考，不得进行商业用途

3、如果觉得程序还可以、请购买官方正版

4、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

唯一网址: https://www.gitluo.com/thread-826-1-1.html

shu1332725 · 发表于 2020-8-8 20:46:33


	支持一下

jjj111 · 发表于 2020-8-9 05:05:22

瑾瑾 · 发表于 2020-8-10 16:02:35


	写的真的很不错

手机用户Sz71810 · 发表于 2020-8-11 18:05:27


	帮你顶下哈！！

yyc · 发表于 2020-8-11 21:16:06


	有道理。。。

bbbbb · 发表于 2022-6-28 15:58:30


	过来看看的

江山狂念 · 发表于 2022-6-28 22:39:41


	我是来刷分的，嘿嘿

起什么名字呢？ · 发表于 2022-6-30 11:17:10


	前排支持下

微信扫一扫分享朋友圈

黑客数字雨源代码-彩色动态效果

版权声明

相关帖子

评论 8

狗

微信扫一扫 分享朋友圈

黑客数字雨源代码-彩色动态效果

版权声明

相关帖子

评论 8

狗

微信扫一扫分享朋友圈