You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
13 KiB
1 lines
13 KiB
{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\components\\Identify.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\components\\Identify.vue","mtime":1689170964000},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\babel.config.js","mtime":1642682271570},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\babel-loader\\lib\\index.js","mtime":1713785857863},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdJZGVudGlmeScsCiAgcHJvcHM6IHsKICAgIGlkZW50aWZ5Q29kZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcxMjM0JwogICAgfSwKICAgIGZvbnRTaXplTWluOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMjgKICAgIH0sCiAgICBmb250U2l6ZU1heDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDQwCiAgICB9LAogICAgYmFja2dyb3VuZENvbG9yTWluOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMTgwCiAgICB9LAogICAgYmFja2dyb3VuZENvbG9yTWF4OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMjQwCiAgICB9LAogICAgY29sb3JNaW46IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiA1MAogICAgfSwKICAgIGNvbG9yTWF4OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMTYwCiAgICB9LAogICAgbGluZUNvbG9yTWluOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNDAKICAgIH0sCiAgICBsaW5lQ29sb3JNYXg6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxODAKICAgIH0sCiAgICBkb3RDb2xvck1pbjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDAKICAgIH0sCiAgICBkb3RDb2xvck1heDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDI1NQogICAgfSwKICAgIGNvbnRlbnRXaWR0aDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDExMgogICAgfSwKICAgIGNvbnRlbnRIZWlnaHQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiA0MAogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgLy8g55Sf5oiQ5LiA5Liq6ZqP5py65pWwCiAgICByYW5kb21OdW0obWluLCBtYXgpIHsKICAgICAgcmV0dXJuIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIChtYXggLSBtaW4pICsgbWluKTsKICAgIH0sCiAgICAvLyDnlJ/miJDkuIDkuKrpmo/mnLrnmoTpopzoibIKICAgIHJhbmRvbUNvbG9yKG1pbiwgbWF4KSB7CiAgICAgIHZhciByID0gdGhpcy5yYW5kb21OdW0obWluLCBtYXgpOwogICAgICB2YXIgZyA9IHRoaXMucmFuZG9tTnVtKG1pbiwgbWF4KTsKICAgICAgdmFyIGIgPSB0aGlzLnJhbmRvbU51bShtaW4sIG1heCk7CiAgICAgIHJldHVybiAncmdiKCcgKyByICsgJywnICsgZyArICcsJyArIGIgKyAnKSc7CiAgICB9LAogICAgZHJhd1BpYygpIHsKICAgICAgdmFyIGNhbnZhcyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdzLWNhbnZhcycpOwogICAgICB2YXIgY3R4ID0gY2FudmFzLmdldENvbnRleHQoJzJkJyk7CiAgICAgIGN0eC50ZXh0QmFzZWxpbmUgPSAnYm90dG9tJzsKICAgICAgLy8g57uY5Yi26IOM5pmvCiAgICAgIGN0eC5maWxsU3R5bGUgPSB0aGlzLnJhbmRvbUNvbG9yKHRoaXMuYmFja2dyb3VuZENvbG9yTWluLCB0aGlzLmJhY2tncm91bmRDb2xvck1heCk7CiAgICAgIGN0eC5maWxsUmVjdCgwLCAwLCB0aGlzLmNvbnRlbnRXaWR0aCwgdGhpcy5jb250ZW50SGVpZ2h0KTsKICAgICAgLy8g57uY5Yi25paH5a2XCiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5pZGVudGlmeUNvZGUubGVuZ3RoOyBpKyspIHsKICAgICAgICB0aGlzLmRyYXdUZXh0KGN0eCwgdGhpcy5pZGVudGlmeUNvZGVbaV0sIGkpOwogICAgICB9CiAgICAgIHRoaXMuZHJhd0xpbmUoY3R4KTsKICAgICAgdGhpcy5kcmF3RG90KGN0eCk7CiAgICB9LAogICAgZHJhd1RleHQoY3R4LCB0eHQsIGkpIHsKICAgICAgY3R4LmZpbGxTdHlsZSA9IHRoaXMucmFuZG9tQ29sb3IodGhpcy5jb2xvck1pbiwgdGhpcy5jb2xvck1heCk7CiAgICAgIGN0eC5mb250ID0gdGhpcy5yYW5kb21OdW0odGhpcy5mb250U2l6ZU1pbiwgdGhpcy5mb250U2l6ZU1heCkgKyAncHggU2ltSGVpJzsKICAgICAgdmFyIHggPSAoaSArIDEpICogKHRoaXMuY29udGVudFdpZHRoIC8gKHRoaXMuaWRlbnRpZnlDb2RlLmxlbmd0aCArIDEpKTsKICAgICAgdmFyIHkgPSB0aGlzLnJhbmRvbU51bSh0aGlzLmZvbnRTaXplTWF4LCB0aGlzLmNvbnRlbnRIZWlnaHQgLSA1KTsKICAgICAgdmFyIGRlZyA9IHRoaXMucmFuZG9tTnVtKC0zMCwgMzApOwogICAgICAvLyDkv67mlLnlnZDmoIfljp/ngrnlkozml4vovazop5LluqYKICAgICAgY3R4LnRyYW5zbGF0ZSh4LCB5KTsKICAgICAgY3R4LnJvdGF0ZShkZWcgKiBNYXRoLlBJIC8gMjcwKTsKICAgICAgY3R4LmZpbGxUZXh0KHR4dCwgMCwgMCk7CiAgICAgIC8vIOaBouWkjeWdkOagh+WOn+eCueWSjOaXi+i9rOinkuW6pgogICAgICBjdHgucm90YXRlKC1kZWcgKiBNYXRoLlBJIC8gMjcwKTsKICAgICAgY3R4LnRyYW5zbGF0ZSgteCwgLXkpOwogICAgfSwKICAgIGRyYXdMaW5lKGN0eCkgewogICAgICAvLyDnu5jliLblubLmibDnur8KICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCAyOyBpKyspIHsKICAgICAgICBjdHguc3Ryb2tlU3R5bGUgPSB0aGlzLnJhbmRvbUNvbG9yKHRoaXMubGluZUNvbG9yTWluLCB0aGlzLmxpbmVDb2xvck1heCk7CiAgICAgICAgY3R4LmJlZ2luUGF0aCgpOwogICAgICAgIGN0eC5tb3ZlVG8odGhpcy5yYW5kb21OdW0oMCwgdGhpcy5jb250ZW50V2lkdGgpLCB0aGlzLnJhbmRvbU51bSgwLCB0aGlzLmNvbnRlbnRIZWlnaHQpKTsKICAgICAgICBjdHgubGluZVRvKHRoaXMucmFuZG9tTnVtKDAsIHRoaXMuY29udGVudFdpZHRoKSwgdGhpcy5yYW5kb21OdW0oMCwgdGhpcy5jb250ZW50SGVpZ2h0KSk7CiAgICAgICAgY3R4LnN0cm9rZSgpOwogICAgICB9CiAgICB9LAogICAgZHJhd0RvdChjdHgpIHsKICAgICAgLy8g57uY5Yi25bmy5omw54K5CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgMjA7IGkrKykgewogICAgICAgIGN0eC5maWxsU3R5bGUgPSB0aGlzLnJhbmRvbUNvbG9yKDAsIDI1NSk7CiAgICAgICAgY3R4LmJlZ2luUGF0aCgpOwogICAgICAgIGN0eC5hcmModGhpcy5yYW5kb21OdW0oMCwgdGhpcy5jb250ZW50V2lkdGgpLCB0aGlzLnJhbmRvbU51bSgwLCB0aGlzLmNvbnRlbnRIZWlnaHQpLCAxLCAwLCAyICogTWF0aC5QSSk7CiAgICAgICAgY3R4LmZpbGwoKTsKICAgICAgfQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGlkZW50aWZ5Q29kZSgpIHsKICAgICAgdGhpcy5kcmF3UGljKCk7CiAgICB9CiAgfSwKICBtb3VudGVkKCkgewogICAgdGhpcy5kcmF3UGljKCk7CiAgfQp9Ow=="},{"version":3,"names":["name","props","identifyCode","type","String","default","fontSizeMin","Number","fontSizeMax","backgroundColorMin","backgroundColorMax","colorMin","colorMax","lineColorMin","lineColorMax","dotColorMin","dotColorMax","contentWidth","contentHeight","methods","randomNum","min","max","Math","floor","random","randomColor","r","g","b","drawPic","canvas","document","getElementById","ctx","getContext","textBaseline","fillStyle","fillRect","i","length","drawText","drawLine","drawDot","txt","font","x","y","deg","translate","rotate","PI","fillText","strokeStyle","beginPath","moveTo","lineTo","stroke","arc","fill","watch","mounted"],"sources":["src/components/Identify.vue"],"sourcesContent":["<template>\n <div class=\"s-canvas\">\n <canvas id=\"s-canvas\" :width=\"contentWidth\" :height=\"contentHeight\"></canvas>\n </div>\n</template>\n<script>\nexport default {\n name: 'Identify',\n props: {\n identifyCode: {\n type: String,\n default: '1234'\n },\n fontSizeMin: {\n type: Number,\n default: 28\n },\n fontSizeMax: {\n type: Number,\n default: 40\n },\n backgroundColorMin: {\n type: Number,\n default: 180\n },\n backgroundColorMax: {\n type: Number,\n default: 240\n },\n colorMin: {\n type: Number,\n default: 50\n },\n colorMax: {\n type: Number,\n default: 160\n },\n lineColorMin: {\n type: Number,\n default: 40\n },\n lineColorMax: {\n type: Number,\n default: 180\n },\n dotColorMin: {\n type: Number,\n default: 0\n },\n dotColorMax: {\n type: Number,\n default: 255\n },\n contentWidth: {\n type: Number,\n default: 112\n },\n contentHeight: {\n type: Number,\n default: 40\n }\n },\n methods: {\n // 生成一个随机数\n randomNum (min, max) {\n return Math.floor(Math.random() * (max - min) + min)\n },\n // 生成一个随机的颜色\n randomColor (min, max) {\n var r = this.randomNum(min, max)\n var g = this.randomNum(min, max)\n var b = this.randomNum(min, max)\n return 'rgb(' + r + ',' + g + ',' + b + ')'\n },\n drawPic () {\n var canvas = document.getElementById('s-canvas')\n var ctx = canvas.getContext('2d')\n ctx.textBaseline = 'bottom'\n // 绘制背景\n ctx.fillStyle = this.randomColor(\n this.backgroundColorMin,\n this.backgroundColorMax\n )\n ctx.fillRect(0, 0, this.contentWidth, this.contentHeight)\n // 绘制文字\n for (let i = 0; i < this.identifyCode.length; i++) {\n this.drawText(ctx, this.identifyCode[i], i)\n }\n this.drawLine(ctx)\n this.drawDot(ctx)\n },\n drawText (ctx, txt, i) {\n ctx.fillStyle = this.randomColor(this.colorMin, this.colorMax)\n ctx.font =\n this.randomNum(this.fontSizeMin, this.fontSizeMax) + 'px SimHei'\n var x = (i + 1) * (this.contentWidth / (this.identifyCode.length + 1))\n var y = this.randomNum(this.fontSizeMax, this.contentHeight - 5)\n var deg = this.randomNum(-30, 30)\n // 修改坐标原点和旋转角度\n ctx.translate(x, y)\n ctx.rotate(deg * Math.PI / 270)\n ctx.fillText(txt, 0, 0)\n // 恢复坐标原点和旋转角度\n ctx.rotate(-deg * Math.PI / 270)\n ctx.translate(-x, -y)\n },\n drawLine (ctx) {\n // 绘制干扰线\n for (let i = 0; i < 2; i++) {\n ctx.strokeStyle = this.randomColor(\n this.lineColorMin,\n this.lineColorMax\n )\n ctx.beginPath()\n ctx.moveTo(\n this.randomNum(0, this.contentWidth),\n this.randomNum(0, this.contentHeight)\n )\n ctx.lineTo(\n this.randomNum(0, this.contentWidth),\n this.randomNum(0, this.contentHeight)\n )\n ctx.stroke()\n }\n },\n drawDot (ctx) {\n // 绘制干扰点\n for (let i = 0; i < 20; i++) {\n ctx.fillStyle = this.randomColor(0, 255)\n ctx.beginPath()\n ctx.arc(\n this.randomNum(0, this.contentWidth),\n this.randomNum(0, this.contentHeight),\n 1,\n 0,\n 2 * Math.PI\n )\n ctx.fill()\n }\n }\n },\n watch: {\n identifyCode () {\n this.drawPic()\n }\n },\n mounted () {\n this.drawPic()\n }\n}\n</script>\n<style scoped>\n.s-canvas {\n height: 38px;\n}\n.s-canvas canvas{\n margin-top: 1px;\n margin-left: 8px;\n}\n</style>\n"],"mappings":"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","ignoreList":[]}]} |