{"code":"\n\t<script class=\"jquery library\" src=\"/js/sandbox/jquery/jquery-1.8.2.min.js\" type=\"text/javascript\"></script>\n    <script type=\"text/javascript\">\n    !(function(window, document) {\n    function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数\n        this.options = { //默认options参数值\n            id: \"\", //容器Id\n            canvasId: \"verifyCanvas\", //canvas的ID\n            width: \"100\", //默认canvas宽度\n            height: \"30\", //默认canvas高度\n            type: \"blend\", //图形验证码默认类型blend:数字字母混合类型、number:纯数字、letter:纯字母\n            code: \"\"\n        }\n        \n        if(Object.prototype.toString.call(options) == \"[object Object]\"){//判断传入参数类型\n            for(var i in options) { //根据传入的参数，修改默认参数值\n                this.options[i] = options[i];\n            }\n        }else{\n            this.options.id = options;\n        }\n        \n        this.options.numArr = \"0,1,2,3,4,5,6,7,8,9\".split(\",\");\n        this.options.letterArr = getAllLetter();\n\n        this._init();\n        this.refresh();\n    }\n\n    GVerify.prototype = {\n        /**版本号**/\n        version: '1.0.0',\n        \n        /**初始化方法**/\n        _init: function() {\n            var con = document.getElementById(this.options.id);\n            var canvas = document.createElement(\"canvas\");\n            this.options.width = con.offsetWidth > 0 ? con.offsetWidth : \"100\";\n            this.options.height = con.offsetHeight > 0 ? con.offsetHeight : \"30\";\n            canvas.id = this.options.canvasId;\n            canvas.width = this.options.width;\n            canvas.height = this.options.height;\n            canvas.style.cursor = \"pointer\";\n            canvas.innerHTML = \"您的浏览器版本不支持canvas\";\n            con.appendChild(canvas);\n            var parent = this;\n            canvas.onclick = function(){\n                parent.refresh();\n            }\n        },\n        \n        /**生成验证码**/\n        refresh: function() {\n            this.options.code = \"\";\n            var canvas = document.getElementById(this.options.canvasId);\n            if(canvas.getContext) {\n                var ctx = canvas.getContext('2d');\n            }else{\n                return;\n            }\n            \n            ctx.textBaseline = \"middle\";\n\n            ctx.fillStyle = randomColor(180, 240);\n            ctx.fillRect(0, 0, this.options.width, this.options.height);\n\n            if(this.options.type == \"blend\") { //判断验证码类型\n                var txtArr = this.options.numArr.concat(this.options.letterArr);\n            } else if(this.options.type == \"number\") {\n                var txtArr = this.options.numArr;\n            } else {\n                var txtArr = this.options.letterArr;\n            }\n\n            for(var i = 1; i <= 4; i++) {\n                var txt = txtArr[randomNum(0, txtArr.length)];\n                this.options.code += txt;\n                ctx.font = randomNum(this.options.height/2, this.options.height) + 'px SimHei'; //随机生成字体大小\n                ctx.fillStyle = randomColor(50, 160); //随机生成字体颜色        \n                ctx.shadowOffsetX = randomNum(-3, 3);\n                ctx.shadowOffsetY = randomNum(-3, 3);\n                ctx.shadowBlur = randomNum(-3, 3);\n                ctx.shadowColor = \"rgba(0, 0, 0, 0.3)\";\n                var x = this.options.width / 5 * i;\n                var y = this.options.height / 2;\n                var deg = randomNum(-30, 30);\n                /**设置旋转角度和坐标原点**/\n                ctx.translate(x, y);\n                ctx.rotate(deg * Math.PI / 180);\n                ctx.fillText(txt, 0, 0);\n                /**恢复旋转角度和坐标原点**/\n                ctx.rotate(-deg * Math.PI / 180);\n                ctx.translate(-x, -y);\n            }\n            /**绘制干扰线**/\n            for(var i = 0; i < 4; i++) {\n                ctx.strokeStyle = randomColor(40, 180);\n                ctx.beginPath();\n                ctx.moveTo(randomNum(0, this.options.width), randomNum(0, this.options.height));\n                ctx.lineTo(randomNum(0, this.options.width), randomNum(0, this.options.height));\n                ctx.stroke();\n            }\n            /**绘制干扰点**/\n            for(var i = 0; i < this.options.width/4; i++) {\n                ctx.fillStyle = randomColor(0, 255);\n                ctx.beginPath();\n                ctx.arc(randomNum(0, this.options.width), randomNum(0, this.options.height), 1, 0, 2 * Math.PI);\n                ctx.fill();\n            }\n        },\n        \n        /**验证验证码**/\n        validate: function(code){\n            var code = code.toLowerCase();\n            var v_code = this.options.code.toLowerCase();\n            console.log(v_code);\n            if(code == v_code){\n                return true;\n            }else{\n                this.refresh();\n                return false;\n            }\n        }\n    }\n    /**生成字母数组**/\n    function getAllLetter() {\n        var letterStr = \"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z\";\n        return letterStr.split(\",\");\n    }\n    /**生成一个随机数**/\n    function randomNum(min, max) {\n        return Math.floor(Math.random() * (max - min) + min);\n    }\n    /**生成一个随机色**/\n    function randomColor(min, max) {\n        var r = randomNum(min, max);\n        var g = randomNum(min, max);\n        var b = randomNum(min, max);\n        return \"rgb(\" + r + \",\" + g + \",\" + b + \")\";\n    }\n    window.GVerify = GVerify;\n})(window, document);\n    </script>\n    <script src=\"https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js\"></script>\n\n    <div id=\"v_container\" style=\"width: 200px;height: 50px;\"></div>\n<input type=\"text\" id=\"code_input\" value=\"\" placeholder=\"请输入验证码\"/><button id=\"my_button\">验证</button>\n  \n    <script>\n        var verifyCode = new GVerify(\"v_container\");\n        document.getElementById(\"my_button\").onclick = function(){\n            var res = verifyCode.validate(document.getElementById(\"code_input\").value);\n            if(res){\n                alert(\"验证正确\");\n            }else{\n                alert(\"验证码错误\");\n            }\n        }\n    </script>\n "}