{"version":3,"sources":["webpack:///./node_modules/_core-js@2.6.11@core-js/modules/es6.array.fill.js","webpack:///./src/components/identify.vue?74fb","webpack:///src/components/identify.vue","webpack:///./src/components/identify.vue?334c","webpack:///./src/components/identify.vue","webpack:///./node_modules/_core-js@2.6.11@core-js/modules/_array-fill.js"],"names":["$export","P","fill","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","canvasId","contentWidth","contentHeight","staticRenderFns","component","toObject","toAbsoluteIndex","toLength","module","exports","value","O","length","aLen","arguments","index","undefined","end","endPos"],"mappings":"qGACA,IAAIA,EAAU,EAAQ,QAEtBA,EAAQA,EAAQC,EAAG,QAAS,CAAEC,KAAM,EAAQ,UAE5C,EAAQ,OAAR,CAAiC,S,2CCLjC,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,GAAKP,EAAIQ,SAAS,MAAQR,EAAIS,aAAa,OAAST,EAAIU,oBAC3MC,EAAkB,GCKtB,G,oBAAA,CACE,KAAF,YACE,MAAF,CACI,SAAJ,CACM,KAAN,OACM,QAAN,YAEI,aAAJ,CACM,KAAN,OACM,QAAN,QAEI,YAAJ,CACM,KAAN,OACM,QAAN,IAEI,YAAJ,CACM,KAAN,OACM,QAAN,IAEI,mBAAJ,CACM,KAAN,OACM,QAAN,KAEI,mBAAJ,CACM,KAAN,OACM,QAAN,KAEI,YAAJ,CACM,KAAN,OACM,QAAN,IAEI,YAAJ,CACM,KAAN,OACM,QAAN,KAEI,aAAJ,CACM,KAAN,OACM,QAAN,KAEI,cAAJ,CACM,KAAN,OACM,QAAN,KAGE,QAAF,CAEI,UAFJ,SAEA,KACM,OAAN,mCAGI,YANJ,SAMA,KACM,IAAN,sBACA,sBACA,sBACM,MAAN,0BAEI,QAZJ,WAaM,IAAN,yCACA,qBACM,EAAN,sBAEM,EAAN,4EACM,EAAN,mDAEM,IAAN,uCACQ,KAAR,mCAEM,KAAN,YACM,KAAN,YAEI,SA1BJ,SA0BA,OACM,EAAN,mCACM,EAAN,mEACM,IAAN,yDACA,wDACA,yBAEM,EAAN,eACM,EAAN,sBACM,EAAN,gBAEM,EAAN,uBACM,EAAN,kBAEI,SAxCJ,SAwCA,GAEM,IAAN,gBACQ,EAAR,sCACQ,EAAR,YACQ,EAAR,iFACQ,EAAR,iFACQ,EAAR,UAGI,QAlDJ,SAkDA,GAEM,IAAN,iBACQ,EAAR,kCACQ,EAAR,YACQ,EAAR,4FACQ,EAAR,SAIE,MAAF,CACI,aADJ,WAEM,KAAN,YAGE,QA7GF,WA8GI,KAAJ,aCpHsb,I,YCOlbC,EAAY,eACd,EACAb,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CChBf,IAAIC,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BC,EAAW,EAAQ,QACvBC,EAAOC,QAAU,SAAcC,GAC7B,IAAIC,EAAIN,EAASZ,MACbmB,EAASL,EAASI,EAAEC,QACpBC,EAAOC,UAAUF,OACjBG,EAAQT,EAAgBO,EAAO,EAAIC,UAAU,QAAKE,EAAWJ,GAC7DK,EAAMJ,EAAO,EAAIC,UAAU,QAAKE,EAChCE,OAAiBF,IAARC,EAAoBL,EAASN,EAAgBW,EAAKL,GAC/D,MAAOM,EAASH,EAAOJ,EAAEI,KAAWL,EACpC,OAAOC","file":"js/chunk-27c60094.d5f3331a.js","sourcesContent":["// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"s-canvas\"},[_c('canvas',{attrs:{\"id\":_vm.canvasId,\"width\":_vm.contentWidth,\"height\":_vm.contentHeight}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"s-canvas\">\r\n    <canvas :id=\"canvasId\" :width=\"contentWidth\" :height=\"contentHeight\"></canvas>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default{\r\n    name: 'SIdentify',\r\n    props: {\r\n      canvasId: {\r\n        type: String,\r\n        default: \"s-canvas\"\r\n      },\r\n      identifyCode: { //默认注册码\r\n        type: String,\r\n        default: '1234'\r\n      },\r\n      fontSizeMin: { // 字体最小值\r\n        type: Number,\r\n        default: 25\r\n      },\r\n      fontSizeMax: { // 字体最大值\r\n        type: Number,\r\n        default: 35\r\n      },\r\n      backgroundColorMin: { // 验证码图片背景色最小值\r\n        type: Number,\r\n        default: 200\r\n      },\r\n      backgroundColorMax: {  // 验证码图片背景色最大值\r\n        type: Number,\r\n        default: 220\r\n      },\r\n      dotColorMin: { // 背景干扰点最小值\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      dotColorMax: { // 背景干扰点最大值\r\n        type: Number,\r\n        default: 120\r\n      },\r\n      contentWidth: { //容器宽度\r\n        type: Number,\r\n        default: 116\r\n      },\r\n      contentHeight: { //容器高度\r\n        type: Number,\r\n        default: 30\r\n      }\r\n    },\r\n    methods: {\r\n      // 生成一个随机数\r\n      randomNum (min, max) {\r\n        return Math.floor(Math.random() * (max - min) + min)\r\n      },\r\n      // 生成一个随机的颜色\r\n      randomColor (min, max) {\r\n        let r = this.randomNum(min, max)\r\n        let g = this.randomNum(min, max)\r\n        let b = this.randomNum(min, max)\r\n        return 'rgb(' + r + ',' + g + ',' + b + ')'\r\n      },\r\n      drawPic () {\r\n        let canvas = document.getElementById(this.canvasId)\r\n        let ctx = canvas.getContext('2d')\r\n        ctx.textBaseline = 'bottom'\r\n        // 绘制背景\r\n        ctx.fillStyle = this.randomColor(this.backgroundColorMin, this.backgroundColorMax)\r\n        ctx.fillRect(0, 0, this.contentWidth, this.contentHeight)\r\n        // 绘制文字\r\n        for (let i = 0; i < this.identifyCode.length; i++) {\r\n          this.drawText(ctx, this.identifyCode[i], i)\r\n        }\r\n        this.drawLine(ctx)\r\n        this.drawDot(ctx)\r\n      },\r\n      drawText (ctx, txt, i) {\r\n        ctx.fillStyle = this.randomColor(50, 160) //随机生成字体颜色\r\n        ctx.font = this.randomNum(this.fontSizeMin, this.fontSizeMax) + 'px SimHei' //随机生成字体大小\r\n        let x = (i + 1) * (this.contentWidth / (this.identifyCode.length + 1))\r\n        let y = this.randomNum(this.fontSizeMax, this.contentHeight - 5)\r\n        var deg = this.randomNum(-30, 30)\r\n        // 修改坐标原点和旋转角度\r\n        ctx.translate(x, y)\r\n        ctx.rotate(deg * Math.PI / 180)\r\n        ctx.fillText(txt, 0, 0)\r\n        // 恢复坐标原点和旋转角度\r\n        ctx.rotate(-deg * Math.PI / 180)\r\n        ctx.translate(-x, -y)\r\n      },\r\n      drawLine (ctx) {\r\n        // 绘制干扰线\r\n        for (let i = 0; i < 4; i++) {\r\n          ctx.strokeStyle = this.randomColor(100, 200)\r\n          ctx.beginPath()\r\n          ctx.moveTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))\r\n          ctx.lineTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))\r\n          ctx.stroke()\r\n        }\r\n      },\r\n      drawDot (ctx) {\r\n        // 绘制干扰点\r\n        for (let i = 0; i < 30; i++) {\r\n          ctx.fillStyle = this.randomColor(0, 255)\r\n          ctx.beginPath()\r\n          ctx.arc(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight), 1, 0, 2 * Math.PI)\r\n          ctx.fill()\r\n        }\r\n      }\r\n    },\r\n    watch: {\r\n      identifyCode () {\r\n        this.drawPic()\r\n      }\r\n    },\r\n    mounted () {\r\n      this.drawPic()\r\n    }\r\n  }\r\n</script>","import mod from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./identify.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/index.js??vue-loader-options!./identify.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./identify.vue?vue&type=template&id=4b601a49&\"\nimport script from \"./identify.vue?vue&type=script&lang=js&\"\nexport * from \"./identify.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.9.3@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n"],"sourceRoot":""}