AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

js黑客中毒的效果

2018-04-27 1294
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： var cav = document.getElementById('content'); var w = window. 
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

</head>

<body>

<canvas id="content" width="1250px" height="602px"></canvas>

</body>

</html>

<script>

    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);

</script>
文章标签：
Web App开发
索引
JavaScript
安全
关键词：
JavaScript黑客
keller.zhou
目录
相关文章
路边两盏灯
|
4月前
|
开发框架 JavaScript 前端开发
【Azure Developer】App Service + PubSub +JS 实现多人版黑客帝国文字流效果图
【Azure Developer】App Service + PubSub +JS 实现多人版黑客帝国文字流效果图
路边两盏灯
33 0
火爆的后槽牙儿
带交互功能的HTML5+JS黑客帝国
带交互功能的HTML5+JS黑客帝国
火爆的后槽牙儿
69 0
流楚丶格念
|
安全 JavaScript
js实现黑客代码雨效果
js实现黑客代码雨效果
流楚丶格念
225 0
js实现黑客代码雨效果
雨溪-yuxi
|
20天前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
20 1
JavaScript中的原型 保姆级文章一文搞懂
wishCoding
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
101 2
疯狂的猿
|
16天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
疯狂的猿
15 0
wishCoding
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
wishCoding
140 4
wishCoding
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
wishCoding
85 4
wishCoding
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
wishCoding
76 4
wishCoding
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
wishCoding
97 4