javascript - 怎样用jquery生成带有倾斜角度的验证码

Question

生成验证码，但是验证码里面每个字符都随机产生倾斜角度

Answer 1

封装一个对象来实现吧。配合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个随机带倾斜的字符并用回调函数进行处理