未分类

JavaScript生成随机验证码代码实例_javascript技巧_脚本之家

7 4月 , 2020  

4、translate(卡塔尔国: 方法重新照射画布上的岗位

2、fillStyle:设置画笔的颜色

1、clearRect:context.clearRect;清空给定矩形内的钦赐像素

5、Math.random(卡塔尔国:获取0-1里边的三个即兴数,不分包1

3、rotate:旋转角度,以弧度旋转(弧度=degrees*Math.PI/180 )

x 要清除的矩形左上角的 x 坐标 y 要破除的矩形左上角的 y 坐标 width
要祛除的矩形的幅度,以像素计 height 要免除的矩形的万丈,以像素计

www6766com ,使用canvas制作贰个随便验证码:

  canvas随机验证码      var myCanvas = document.querySelector; var blur = myCanvas.getContext; // 当点击画布时创建一个新的路径 // 验证码封装 myCanvas.onclick = function() { // 实现点击画布创建一个新的验证码 blur.clearRect; } verify { // 绘制矩形框 // blur.strokeRect; // 随机验证码 var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "F", "G", "H", "I", "J", "K", "L", "S", "T", "U", "V", "W", "X", "Y", "Z" ]; // 显示四位数的验证码 for (var i = 0; i < 4; i++) { var x = 20 + 20 * i; var y = 20 + 10 * Math.random(); // console.log; // 在数组中获取到随机的索引整数 var index = Math.floor * arr.length); // 通过随机的索引获取到随机的元素 var texts = arr[index]; // 设置验证码的相关样式 blur.font = "bold 20px 微软雅黑"; blur.fillStyle = textColor(); // 画布旋转显示 // translate() 方法重新映射画布上的位置 blur.translate; // 将画布旋转,旋转角度,以弧度旋转(弧度=degrees*Math.PI/180 ) var deg = 90 * Math.random() * Math.PI / 180; blur.rotate; // blur.fillText; // 将画布映射返回原来的位置 blur.rotate; blur.translate; } // 制作验证码的干扰线制作 for{ blur.beginPath(); blur.moveTo*100,Math.random; blur.lineTo*100,Math.random; // 设置干扰线的颜色 blur.strokeStyle=textColor; } // 制作验证码的干扰圆点 for{ blur.beginPath(); var x=Math.random()*100; var y=Math.random()*100; blur.moveTo; blur.lineTo; // 设置干扰线的颜色 blur.strokeStyle=textColor; } } // 获取随机颜色封装 function textColor(){ var red=Math.floor; var green=Math.floor; var blue=Math.floor; return "rgb("+red+","+green+","+blue+")"; } 

上述便是本文的全体内容,希望对大家的学习抱有利于,也可望大家多多指教脚本之家。


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图