javascript - 怎样用jquery生成带有倾斜角度的验证码
本文介绍了javascript - 怎样用jquery生成带有倾斜角度的验证码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
生成验证码,但是验证码里面每个字符都随机产生倾斜角度
解决方案
封装一个对象来实现吧。配合css3实现。
var getVCode = {
get: function(len, cbk) {
var res = [];//包含随机字符的dom元素都在这里面
for ( var i = 0; i < len; i++ ) {
var char = this.randomChar();
var wrapper = $("<span></span>");
wrapper.text( char );
res.push( wrapper );
}
if ( cbk ) {
cbk( res );//如果有回调函数,执行回调函数
} else {
return res;//没有回调函数,则返回数组
}
},
randomChar: function() {
var char = String.fromCharCode( randomAsc() );//随机生成字符
return char;
},
rotateChar: function( ele ) {
ele.css("transform", "rotate(" + this.randomDeg() + "deg)");//给传入的元素设置随机倾斜角度
},
randomDeg: function() {
return Math.round(Math.random*360);
},
randomAsc:function() {
var number = "";
//这里根据你的需求来写生成随机ascii码的代码
}
}
调用get方法来操作:
new getVCode.get( 4, function( data ) {} );生成4个随机带倾斜的字符并用回调函数进行处理
这篇关于javascript - 怎样用jquery生成带有倾斜角度的验证码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文