黑客帝国背景效果HTML

最新推荐文章于 2024-10-13 21:18:37 发布

金哥铁码

最新推荐文章于 2024-10-13 21:18:37 发布

阅读量127

点赞数 2

分类专栏：前端 HTML 文章标签： html javascript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_42938353/article/details/142260785

版权

前端同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

一个好玩的黑客帝国代码流动效果
HTML代码

<body style="margin:0;">
<canvas id="canvas">请使用高版本浏览器，IE8以及一下不支持canvas</canvas>
</body>
<script type="text/javascript">
window.onload = function() {
  var width,height,
  canvas = document.getElementById("canvas");
  canvas.width = width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  canvas.height = height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
  var ctx = canvas.getContext('2d');
  var num = Math.ceil(width / 10);
  var y = Array(num).join(0).split('');
  var draw = function() {
        ctx.fillStyle = 'rgba(0,0,0,.05)'; //核心代码，创建黑色背景，透明度为0.05的填充色。
        ctx.fillRect(0, 0, width, height);
        ctx.fillStyle = '#0f0'; //设置了字体颜色为绿色
        ctx.font = '10px Microsoft YaHei';//设置字体大小与family
        for(i = 0; i < num; i++) {
            var x = (i * 10) + 10;
            text = String.fromCharCode(65 + Math.random() * 62);
            var y1 = y[i];
            ctx.fillText(text, x, y1);
            if(y1 > Math.random() * 10 * height) {
                y[i] = 0;
            } else {
                y[i] = parseInt(y[i]) + 10;
            }
        }
    }

    ;(function(){
        setInterval(draw, 100);
    })();

}
</script>

保存为xxx.html后用浏览器打开效果(可按F11全屏显示)
在这里插入图片描述

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

金哥铁码 CSDN认证博客专家 CSDN认证企业博客

码龄6年

20: 原创

43万+: 周排名

7万+: 总排名

2万+: 访问

: 等级

259: 积分

17: 粉丝

61: 获赞

8: 评论

73: 收藏

私信

关注

热门文章

分类专栏

前端 2篇
HTML 1篇
后端PHP
Magento 13篇
运维 3篇
Ubuntu 6篇

最新评论

2024如何在Ubuntu上安装原生微信wechat weixin
张子寒不想秃头: 博主，安装好微信之后不小心把应用图标删了导致现在只能用命令行打开微信了，请问有啥办法可以恢复微信图标吗？
Ubuntu22.10 安装微信方法
jsgfswjnsvdj: PE 3a0440000- 3a0691000 Deferred wininet PE 3af670000- 3af9dd000 Deferred ucrtbase PE 3afd00000- 3afd62000 Deferred imm32 PE 3b8f00000- 3b909f000 Deferred winmm PE 3be590000- 3be802000 Deferred dbghelp PE 7f8140190000- 7f8140193000 Deferred kerberos PE 7f8140450000- 7f8140454000 Deferred winex11 PE 7f8140bc0000- 7f8140bdb000 Deferred wldap32 PE 7f8140c50000- 7f8140c5b000 Deferred winspool PE 7f8140cb0000- 7f8140cb4000 Deferred dnsapi PE 7f8140cd0000- 7f8140cd4000 Deferred iphlpapi PE 7f8140d10000- 7f8140d13000 Deferred netapi32 PE 7f8140d40000- 7f8140d43000 Deferred secur32 PE 7f8140d90000- 7f8140d96000 Deferred ws2_32 PE 7f8140dd0000- 7f8140dd4000 Deferred dxgi PE 7f8140e30000- 7f8140e34000 Deferred wined3d PE 7f8141220000- 7f81
Ubuntu22.10 安装微信方法
jsgfswjnsvdj: PE 2de970000- 2dea2e000 Deferred rsaenh PE 2e3540000- 2e364f000 Deferred shlwapi PE 2e8f10000- 2e948f000 Deferred ole32 PE 2f1fa0000- 2f1fbe000 Deferred version PE 2f7230000- 2f72d4000 Deferred uxtheme PE 2fa030000- 2fa03e000 Deferred api-ms-win-core-localization-obsolete-l1-2-0 PE 30c980000- 30c98f000 Deferred api-ms-win-core-synch-l1-2-0 PE 3126f0000- 312744000 Deferred shcore PE 316370000- 316382000 Deferred psapi PE 31f800000- 31fa8e000 Deferred comdlg32 PE 327020000- 3271a4000 Deferred combase PE 32a700000- 32a7bc000 Deferred sechost PE 32f9a0000- 32f9b7000 Deferred msimg32 PE 330260000- 330387000 Deferred advapi32 PE 3422e0000- 342600000 Deferred urlmon PE 346ba0000- 346be
Ubuntu22.10 安装微信方法
jsgfswjnsvdj: PE 205950000- 20595f000 Deferred api-ms-win-appmodel-runtime-l1-1-2 PE 21a7e0000- 21a9ce000 Deferred setupapi PE 226310000- 22631e000 Deferred api-ms-win-core-string-l1-1-0 PE 231ae0000- 231d60000 Deferred rpcrt4 PE 23d820000- 23dfc2000 Deferred user32 PE 241b90000- 241bb9000 Deferred zlib1 PE 243540000- 24382e000 Deferred gdiplus PE 24f470000- 24f4d5000 Deferred mpr PE 2522e0000- 2523e4000 Deferred oleacc PE 26b4c0000- 26bbb9000 Deferred gdi32 PE 2739c0000- 273ec9000 Deferred oleaut32 PE 29ea80000- 29ea8e000 Deferred api-ms-win-core-datetime-l1-1-1 PE 2a9540000- 2a954f000 Deferred usp10 PE 2bb750000- 2bbcd8000 Deferred comctl32 PE 2bc640000- 2bc67b000 Deferred imagehlp PE 2c82f0000-
Ubuntu22.10 安装微信方法
jsgfswjnsvdj: 启动时出现如下报错 0x0000000003c7a89f EntryPoint+0xffffffffffffffff in mmmojo_64: int $3 Modules: Module Address Debug info Name (68 modules) PE 960000- 2c3f000 Deferred libffmpeg PE 2c50000- 3364000 Deferred andromeda PE 3c10000- 3e87000 Export mmmojo_64 PE 7a850000- 7a854000 Deferred opengl32 PE 7b000000- 7b3fd000 Deferred kernelbase PE 7b600000- 7b969000 Deferred kernel32 PE 7bc00000- 7bf3c000 Deferred ntdll PE 140000000- 1400a2000 Deferred wechat PE 180000000- 184241000 Deferred wechatwin PE 1c8b40000- 1c8bb7000 Deferred msacm32 PE 1c8db0000- 1c9097000 Deferred msvcrt PE 1d97a0000- 1d97ae000 Deferred api-ms-win-core-fibers-l1-1-1 PE 1dd3f0000- 1dd758000 Deferred crypt32 PE 1fdfd0000- 1fe094000 De

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

金哥铁码 打赏一下，功德+1

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。