用JS怎样写静态的验证码干扰效果?

发布时间：2022-11-18 11:02:04 所属栏目：语言来源：

导读：　　代码
　　
　　<!DOCTYPE html>
　　<html>
　　 <head>
　　 <meta charset="UTF-8">
　　 <title></title>
　　 <style>
　　 *{
　　 padding: 0;
　　 margin: 0;
　　 }
　　 canvas{
　

　　代码
　　
　　<!DOCTYPE html>
　　<html>
　　 <head>
　　 <meta charset="UTF-8">
　　 <title></title>
　　 <style>
　　 *{
　　 padding: 0;
　　 margin: 0;
　　 }
　　 canvas{
　　 background: #272822;
　　 }
　　 </style>
　　 </head>
　　 <body>
　　 <canvas id='canvas' width='800' height='500'></canvas>
　　 <script>
　　 //获得画板
　　 var canvas=document.getElementById('canvas');
　　 //获得绘画环境
　　 var cv=canvas.getContext('2d');
　　
　　 cv.fillStyle='#272822';
　　 cv.fillRect(0,0,800,500);
　　 cv.font='80px 微软雅黑';
　　 cv.fillStyle='greenyellow';
　　 cv.fillText( Math.floor(Math.random()*10000),200,200);
　　
　　 //获得所有的图像像素点信息
　　 var alldata=cv.getImageData(0,0,800,500);
　　 //获得像素点的个数
　　 var dian=alldata.data.length/4;
　　 for(var i=0;i<10000;i++){
　　 //取随机数
　　 var num=Math.floor(Math.random()*dian);
　　 //计算像素点对应的四条信息从几号开始
　　 var start=(num-1)*4;
　　 alldata.data[start]=Math.floor(Math.random()*256);
　　 alldata.data[start+1]=Math.floor(Math.random()*256);
　　 alldata.data[start+2]=Math.floor(Math.random()*256);
　　 }
　　 //将数据写回画板
　　 cv.putImageData(alldata,0,0);
　　 </script>
　　 </body>
　　</html>

（编辑：云计算网_汕头站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

深度优先生成树和广度	Java截取新闻标题
Python pass语句及其用	C++类的定义和对象的建

用JS怎样写静态的验证码干 扰效果?

用JS怎样写静态的验证码干扰效果?