道家真言html代码

道家真言html代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>道家真言</title><style>body{margin: 0;overflow: hidden;}</style>
</head><body>
<canvas id="myCanvas"></canvas>
<script>const width = document.getElementById("myCanvas").width = screen.availWidth;const height = document.getElementById("myCanvas").height = screen.availHeight;const ctx = document.getElementById("myCanvas").getContext("2d");//因为后面一个字50px,所以用总宽度除以50恰好够用,不至于浪费资源const arr = Array(Math.ceil(width / 50)).fill(0);//这里为了不出现下坠的视觉效果，所以加了很多空格，大家感兴趣可以把空格去了，自己看看什么效果。const str = "临兵斗者皆阵列前行乾坤震巽坎离艮兑                                                  ".split("");function rain() {ctx.fillStyle = "rgba(0,0,0,0.05)";ctx.fillRect(0, 0, width, height);ctx.fillStyle = "#f00";arr.forEach(function (value, index) {ctx.font = "50px 华文行楷";ctx.fillText(str[Math.floor(Math.random() * str.length)], index * 50, value + 50);arr[index] = value >= height || value > 8888 * Math.random() ? 0 : value + 50;});}setInterval(rain, 50);
</script>
</body>
</html>

运行结果：

道家真言html代码相关推荐

qfile指定从多少行开始_技术者丨你对JavaScript知多少（第四期）
网上很流行的黑客帝国代码雨,看起来很酷炫是不是,那么要如何实现呢? 咱们先看CSS这里,这一小段作用有点大,margin为0,就填充了整个窗口,放大缩小都不会影响.还有overflow超出隐藏,这里直 ...
隐私合规:收集SDK部分介绍
com.meizu.cloud.pushsdk.SystemReceiver 魅族推送服务是由魅族公司为开发者提供的消息推送服务,开发者可以向集成了魅族 push SDK 的客户端实时地推送通知或者消 ...
25条写代码建议，句句真言，值得牢记！
点击上方"大鱼机器人",选择"置顶/星标公众号" 福利干货,第一时间送达! 文章来源:http://rrd.me/eucMA 整理:薛定谔的coding猫如果 ...
单手也能创奇迹！独臂博士单手敲代码获奖 30 余项：感恩所有的善意
整理 | 王晓曼出品 | 程序人生(ID:coder _life) 3岁时他因车祸失去右臂,事后学会左手写字并考入大学,靠左手敲代码,7年获奖30多项. 近日,一条关于#独臂博士单手敲代码获奖30余 ...
浅析VS2010反汇编 VS 反汇编方法及常用汇编指令介绍 VS2015使用技巧调试-反汇编查看C语言代码对应的汇编代码...
浅析VS2010反汇编 2015年07月25日 21:53:11 阅读数:4374 第一篇 1. 如何进行反汇编在调试的环境下,我们可以很方便地通过反汇编窗口查看程序生成的反汇编信息.如下图所示. ...
10年IT老兵酒后吐真言，我看了5遍...
" 近日,一个国外程序员酒后吐真言的帖子被无数网友疯狂转发,大家纷纷感叹,借着酒劲儿,是真敢说!! 图片来自 Pexels 这个帖子来自美国最大论坛 Reddit,一个程序员说自己喝醉了,软 ...
中国古代道家思想与网页重构的思考
2019独角兽企业重金招聘Python工程师标准>>> 一.关于中国古代道家思想道家是以老子.庄子为代表的中国春秋战国时期诸子百家中最重要的思想学派之一.道家思想以其独特的宇宙.社 ...
最牛茅台投资人的一席真言
最牛茅台投资人的一席真言(转载) 巴菲特说:"一个投资人只需要有两个能力,估值能力,看市场价格的能力."巴菲特在挑选接班人的条件时给出三个条件:"第一,独立思考:第二,情 ...
1-4 python爬取笔趣阁小说（附带完整代码）
笔趣看是一个盗版小说网站,这里有很多起点中文网的小说,该网站小说的更新速度稍滞后于起点中文网正版小说的更新速度.并且该网站只支持在线浏览,不支持小说打包下载.所以可以通过python爬取文本信息保存, ...

道家真言html代码

道家真言html代码：

道家真言html代码相关推荐

最新文章

热门文章