用JS怎样写静态的验证码干扰效�?
Admin 2021-11-11 群英技术资�
这篇文章给大家分享的是用JS实现静态的验证码干扰效果。小编觉得挺实用的,因此分享给大家做个参考,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧�
效果
代码
<!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>
以上就是关于用JS实现静态的验证码干扰效果的介绍,本文只是提供了一种实现思路,代码仅供参考,需要的朋友可以了解看看,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章�
文本转载自脚本之�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
轮播图是现在很多网站平台都会应用的一种展现方式,通过定时或者鼠标点击就能够切换看到多张图片,很多商都会将轮播图作为产品展示,这样的效果是用户就能更容易获取商品信息。那么轮播图是如何实现的呢?下面就以基于JavaScript实现的简单轮播图为例,为大家简单介绍下�
今天我们来了解一下JS数组reduce方法的使用,在Javascript数组方法中,一般大家使用的迭代方法有map、filter、forEach等这些,其实reduce方法也很好用,下面我们就来详细的了解看看reduce()方法�
在Excel中,我们可以通过拖拉表格来实现自动计算表格的内容,那么我们做网页版的Excel表格,这个功能要如何实现呢?接下来小编就给大家分享用JavaScript实现拖拉表格自动计算内容的功能�
这篇文章主要介绍� quickjs 封装 JavaScript 沙箱,在前文 JavaScript 沙箱探索 中声明了沙箱的接口,并且给出了一些简单的执行任意第三� js 脚本的代码,但并未实现完整的 IJavaScriptShadowbox,下面便讲一下如何基� quickjs 实现,需要的朋友可以参考一�
这篇文章主要为大家详细介绍了小程序自定义弹框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078