软件开发外包公司_长春网站建设_太原网站制作_横沥网站设计
<html><head><meta charset="utf-8" /><title>文字矩阵</title><!-- CSS样式 --><style type="text/css">* {margin: 0; padding: 0;} //无边距body {background: black;}canvas {display: block;}</style></head><body><canvas id="c"></canvas> <!-- 定义画布 --><script type="text/javascript">var c = document.getElementById("c"); //拿到画布并赋值给cvar ctx = c.getContext("2d"); //创建画笔,2d的c.height = window.innerHeight; //获取屏幕分辨率:高c.width = window.innerWidth; //宽var chinese = "01";chinese = chinese.split(""); //split() 方法用于把一个字符串分割成字符串数组。var font_size = 10; //字体大小var columns = Math.floor(c.width/font_size); //屏幕大小除以字体大小=字体个数;向下取整//an array of drops - one per columnvar drops = []; //创建一个数组for(var x = 0; x < columns; x++)drops[x] = 1; //drawing the charactersfunction draw(){ctx.fillStyle = "rgba(0, 0, 0, 0.05)";//rgba:基础三色加不透明度ctx.fillRect(0, 0, c.width, c.height);ctx.fillStyle = "#0F0"; //green textctx.font = font_size + "px arial";//looping over dropsfor(var i = 0; i < drops.length; i++){var text = chinese[Math.floor(Math.random()*chinese.length)];ctx.fillText(text, i*font_size, drops[i]*font_size);//越接近一表示一起下落的可能性越低if(drops[i]*font_size > c.height && Math.random() > 0.975) drops[i] = 0;drops[i]++;}}setInterval(draw, 33);//时间间隔</script>
大庆网站建设简单网站制作专业网站制作公司苏州网页设计制作网站建设业务首页制作广州网站建设工作室北京网站制作银川网站建设公司网站设计苏州网站制作网站建设报价网页制作报价微网站制作方案胶州企业网站设计网站建设设备官方网站建设镇江网站设计哈尔滨网站建设费用邢台网站制作网站制作设计制作公司主页定制软件开发网站制作小程序设计开发flash网站设计南宁网站建设北京网站建设报价成都手机网站制作大连网站建设泰安网站制作