Shulou(Shulou.com)06/02 Report--

This article mainly introduces "layui how to realize landing interface Captcha," in daily operation, I believe many people have doubts on how layui realizes landing interface Captcha, small editor consulted all kinds of data, sorted out simple and easy to use operation methods, hope to answer "layui how to realize landing interface Captcha" doubts helpful! Next, please follow the small series to learn together!

Effect drawing:

html：

Next is JS:

var show_num=[]; $(function() { draw(show_num); $("#canvas").on('click',function() { draw(show_num); }) });

Two more functions called:

function draw(show_num) { var canvas_width = $('#canvas').width(); var canvas_height = $('#canvas').height(); var canvas = document.getElementById("canvas");//Get objects to canvas, actors var context = canvas.getContext("2d");//Get the canvas drawing environment, actor performance stage canvas.width = canvas_width; canvas.height = canvas_height; var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0"; var aCode = sCode.split(","); var aLength = aCode.length;//Get the length of the array for (var i = 0; i

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.