使用js做带干扰线的验证码

最新推荐文章于 2022-03-29 17:24:57 发布

付勇智

最新推荐文章于 2022-03-29 17:24:57 发布

阅读量551

点赞数

本文链接：https://blog.csdn.net/qq_43143992/article/details/83718074

版权

本文介绍如何利用JavaScript生成带有干扰线的验证码。通过创建HTML元素和应用JavaScript逻辑，可以实现动态变化且难以被自动识别的验证码效果，增强网站安全性。

摘要由CSDN通过智能技术生成

代码如下

  <body onLoad="drawCoda()">
       <canvas id="mycanvas" onclick="drawCoda()"></canvas>
       <script type="text/javascript">
          
          function lineX(){
             var lineX=Math.floor(Math.random()*80);
             return lineX;
          }
          
          function lineY(){
             var lineY=Math.floor(Math.random()*30);
             return lineY;
          }
          
          
          function drawCoda(){
             var c=document.getElementById('mycanvas');
             c.style.border="1px solid black";
             c.width=80;
             c.height=30;
             r1=Math.floor(Math.random()*255);
             g1=Math.floor(Math.random()*255);
             b1=Math.floor(Math.random()*255);
             var context=c.getContext('2d');
             context.fillStyle="#ccc";