1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
(function(t){function e(e){for(var i,s,a=e[0],l=e[1],c=e[2],d=0,u=[];d<a.length;d++)s=a[d],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&u.push(n[s][0]),n[s]=0;for(i in l)Object.prototype.hasOwnProperty.call(l,i)&&(t[i]=l[i]);p&&p(e);while(u.length)u.shift()();return r.push.apply(r,c||[]),o()}function o(){for(var t,e=0;e<r.length;e++){for(var o=r[e],i=!0,a=1;a<o.length;a++){var l=o[a];0!==n[l]&&(i=!1)}i&&(r.splice(e--,1),t=s(s.s=o[0]))}return t}var i={},n={app:0},r=[];function s(e){if(i[e])return i[e].exports;var o=i[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=i,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)s.d(o,i,function(e){return t[e]}.bind(null,i));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var p=l;r.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},"0ed4":function(t,e,o){"use strict";o("369c")},"2b9f":function(t,e,o){"use strict";o("3cb0")},"2cba":function(t,e,o){"use strict";o("871b")},"369c":function(t,e,o){},"3cb0":function(t,e,o){},"56d7":function(t,e,o){"use strict";o.r(e);o("a79d");var i=o("2b0e"),n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"app"}},[o("keep-alive",[this.$route.meta.keepAlive?o("router-view"):t._e()],1),this.$route.meta.keepAlive?t._e():o("router-view")],1)},r=[],s=(o("5c0b"),o("2877")),a={},l=Object(s["a"])(a,n,r,!1,null,null,null),c=l.exports,p=o("9483");Object(p["a"])("/service-worker.js",{ready(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered(){console.log("Service worker has been registered.")},cached(){console.log("Content has been cached for offline use.")},updatefound(){console.log("New content is downloading.")},updated(){console.log("New content is available; please refresh.")},offline(){console.log("No internet connection found. App is running in offline mode.")},error(t){console.error("Error during service worker registration:",t)}});var d=o("8c4f");o("bb51");i["a"].use(d["a"]);const u=[{path:"/",name:"Home",component:()=>Promise.resolve().then(o.bind(null,"bb51"))},{path:"*",redirect:"/",name:"notFound",hidden:!0}],f=new d["a"]({mode:"history",base:"/",routes:u});var m=f,g=o("2f62");i["a"].use(g["a"]);var h=new g["a"].Store({state:{},mutations:{},actions:{},modules:{}}),v=o("b678"),b=o.n(v),k=o("61e4"),w=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("svg",{attrs:{version:"1.1",id:"图层_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 200 200","enable-background":"new 0 0 200 200","xml:space":"preserve"}},[o("path",{attrs:{fill:t.stroke,id:"左耳",d:"M68.2,87.3h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L68.2,87.3z"}}),o("path",{attrs:{fill:t.stroke,id:"右耳",d:"M111.2,87.6h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L111.2,87.6z"}}),o("path",{attrs:{id:"身材",fill:"none",stroke:t.stroke,"stroke-width":"5","stroke-miterlimit":"10",d:"M128.6,92.1c2.4,0,6.1,4.6,6.1,4.6\n\ts0,21.1,0,23.8s-4.6,5.3-4.6,5.3s-56.3,0-59,0s-6.5-5-6.5-5s0-20.4,0-23.3s4.4-5.3,4.4-5.3S126.2,92.1,128.6,92.1z"}}),o("rect",{attrs:{x:"87.5",y:"89",fill:t.fill,width:"3.1",height:"43"}}),o("path",{attrs:{id:"U",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",d:"M72.7,102.3c0,0,0,10,0,11.5s1.4,1.5,1.4,1.5\n\th4.4c0,0,1.8,0,1.8-1.5s0-11.5,0-11.5"}}),o("line",{attrs:{id:"T1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"95.3",y1:"104",x2:"104.5",y2:"104"}}),o("line",{attrs:{id:"T2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"99.9",y1:"117",x2:"99.9",y2:"104"}}),o("path",{attrs:{id:"E1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",d:"M116.1,104.1l-6.9-0.2c0,0-1.1,0.1-1.1,1.5\n\ts0,6.8,0,8.3s0.8,1.5,0.8,1.5h7.2"}}),o("line",{attrs:{id:"E2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"116.2",y1:"109.8",x2:"106.7",y2:"109.8"}}),o("rect",{attrs:{x:"124.5",y:"85.3",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)",fill:t.fill,width:"2.7",height:"43"}}),o("rect",{attrs:{x:"124.1",y:"90.9",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)",fill:t.fill,width:"2.6",height:"43"}}),o("polygon",{attrs:{id:"D",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",points:"120,104.1 124.7,104.1 127.5,106.8 \n\t127.5,112.3 125.4,115.2 120,115.2 "}}),o("path",{attrs:{fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",d:"M93.3,104h-6.1c0,0-1.4,0.1-1.4,1.6s0,2.5,0,2.5\n\ts0,1.5,1.3,1.5s3.1,0,3.1,0s1.7,0.1,1.7,1.7s0,1.1,0,2.5c0,1.4-1.4,1.4-1.4,1.4h-6.1"}}),o("rect",{attrs:{x:"87.4",y:"106.9",fill:t.fill,width:"3.1",height:"5.8"}})])},x=[],_={name:"CustedLogo",computed:{stroke:function(){return"#249cff"},fill:function(){return"#fff"}}},C=_,y=Object(s["a"])(C,w,x,!1,null,null,null),j=y.exports,S=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"snake-bar",class:t.snack_bar_class},[o("div",{staticClass:"warp"},[o("div",{staticClass:"content"},[t._v(t._s(t.msg))])])])},$=[],O={name:"SnakeBar",props:["msg"],data(){return{snack_bar_class:""}},computed:{},methods:{openSnackBar(t){this.snack_bar_class="higher-snake-bar",setTimeout(()=>{this.snack_bar_class="lower-snake-bar"},2500)}},created(){this.openSnackBar()},mounted(){},watch:{},beforeDestroy(){},components:{},activated(){}},I=O,M=(o("2cba"),Object(s["a"])(I,S,$,!1,null,"6de0334b",null)),T=M.exports;let B,L=i["a"].extend(T),z=1,E=2e3,P=[];const N=()=>{Object.defineProperty(i["a"].prototype,"$snakebar",{get(){let t="snakebar_"+z++;const e=e=>(B=new L({propsData:{msg:e}}),E++,B.id=t,B.vm=B.$mount(),document.body.appendChild(B.vm.$el),P.push(B.vm.$el),setTimeout(()=>{document.body.removeChild(P.shift())},3e3),B.vm.$el.style.zIndex=E,B.vm);return e}})};var R=N;function A(){const t=document.documentElement.clientWidth||document.body.clientWidth,e=document.getElementsByTagName("html")[0];e.style.fontSize=t>=500?"50px":t/10+"px"}A(),onresize=A,i["a"].config.productionTip=!1,i["a"].use(b.a),i["a"].component("icon",k["a"]),i["a"].component("custedLogo",j),i["a"].use(R),new i["a"]({router:m,store:h,render:t=>t(c)}).$mount("#app")},"5c0b":function(t,e,o){"use strict";o("9c0c")},7126:function(t,e,o){var i={"./left_arrow.svg":"7992"};function n(t){var e=r(t);return o(e)}function r(t){if(!o.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}n.keys=function(){return Object.keys(i)},n.resolve=r,t.exports=n,n.id="7126"},7992:function(t,e){t.exports={svg:{$:{t:"1592540000470",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"6373","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"200",height:"200"},defs:[{style:[{$:{type:"text/css"}}]}],path:[{$:{d:"M783.872 542.122667l-0.042667-64.405334-477.610666-0.298666 225.28-225.322667-45.568-45.568L182.506667 509.952l303.829333 303.829333 45.525333-45.504-226.474666-226.453333 478.506666 0.298667z","p-id":"6374",fill:"#494e5e"}}]}}},"871b":function(t,e,o){},"9c0c":function(t,e,o){},bb51:function(t,e,o){"use strict";o.r(e);var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"home"},[t.img?[o("header",[o("div",{staticClass:"warp"},[o("div",{on:{click:t.back}},[o("icon",{staticClass:"back",attrs:{name:"left_arrow"}})],1),o("p",[t._v("图片压缩")])])]),o("cropper-image",{ref:"child",attrs:{img:t.img}})]:o("main",[o("div",{staticClass:"logo-box"},[o("custedLogo",{staticClass:"logo"})],1),o("div",{staticClass:"title"},[t._v("护资照片压缩")]),t._m(0),o("div",{staticClass:"btn-submit",on:{click:t.selectImg}},[t._v("选择图片")]),o("input",{ref:"uploads",staticStyle:{position:"absolute",clip:"rect(0 0 0 0)"},attrs:{type:"file",accept:"image/png, image/jpeg, image/gif, image/jpg"},on:{change:function(e){return t.manageImg(e)}}})]),t._m(1)],2)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tip-box"},[o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("冲印尺寸")]),o("div",{staticClass:"tip-content"},[t._v("25mm x 35mm")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("像素尺寸")]),o("div",{staticClass:"tip-content"},[t._v("295 x 413 px")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("分辨率")]),o("div",{staticClass:"tip-content"},[t._v("300 DPI")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("背景色")]),o("div",{staticClass:"tip-content"},[t._v("白色")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("文件大小")]),o("div",{staticClass:"tip-content"},[t._v("小于100kb")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("其他")]),o("div",{staticClass:"tip-content"},[t._v(" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 ")])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("footer",[o("a",{attrs:{href:"http://beian.miit.gov.cn/"}},[o("p",[t._v("吉ICP备18005655号")])]),o("p",[t._v("Copyright © 2020 小单同学")]),o("p",[t._v("All Rights Reserved")])])}],r=(o("ddb0"),o("2b3d"),function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"cropper-box"},[o("div",{staticClass:"cropper"},[o("vue-cropper",{ref:"cropper",attrs:{img:t.option.img,outputSize:t.option.outputSize,outputType:t.option.outputType,info:t.option.info,canScale:t.option.canScale,autoCrop:t.option.autoCrop,autoCropWidth:t.option.autoCropWidth,autoCropHeight:t.option.autoCropHeight,fixed:t.option.fixed,fixedNumber:t.option.fixedNumber,full:t.option.full,fixedBox:t.option.fixedBox,canMove:t.option.canMove,canMoveBox:t.option.canMoveBox,original:t.option.original,centerBox:t.option.centerBox,height:t.option.height,infoTrue:t.option.infoTrue,maxImgSize:t.option.maxImgSize,enlarge:t.option.enlarge,mode:t.option.mode},on:{realTime:t.realTime,imgLoad:t.imgLoad}})],1),o("footer",[o("div",{staticClass:"scope-btn"},[o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(1)}}},[t._v("放大")]),o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(-1)}}},[t._v("缩小")]),o("div",{staticClass:"btn",on:{click:t.rotateLeft}},[t._v("↺ 左旋转")]),o("div",{staticClass:"btn",on:{click:t.rotateRight}},[t._v("↻ 右旋转")])]),o("div",{staticClass:"upload-btn"},[o("div",{staticClass:"btn-submit",on:{click:function(e){return t.donwloadImg()}}},[t._v("压缩图片并下载")])])])])}),s=[],a=o("b678"),l=(o("e688"),{name:"CropperImage",components:{VueCropper:a["VueCropper"]},props:["img"],data(){return{previews:{},option:{img:this.img,outputSize:1,outputType:"png",info:!1,canScale:!0,autoCrop:!0,autoCropWidth:200,autoCropHeight:280,fixed:!0,fixedNumber:[5,7],full:!1,fixedBox:!1,canMove:!1,canMoveBox:!0,original:!1,centerBox:!0,height:!0,infoTrue:!1,maxImgSize:3e3,enlarge:1,mode:"200px 280px"}}},methods:{imgLoad(t){console.log("工具初始化函数====="+t)},changeScale(t){t=t||1,this.$refs.cropper.changeScale(t)},rotateLeft(){this.$refs.cropper.rotateLeft()},rotateRight(){this.$refs.cropper.rotateRight()},realTime(t){this.previews=t},zipImg(t,e,o){return new Promise(i=>{const n=new Image;n.src=t,n.onload=()=>{const r=document.createElement("canvas"),s=r.getContext("2d");r.setAttribute("width",e),r.setAttribute("height",o),s.drawImage(n,0,0,e,o);const a=r.toDataURL("image/png");console.log(a.length/1024/1024),a.length/1024/1024>.1?(console.log(1,e,o),i(this.zipImg(t,.9*e,.9*o))):(console.log(2,e,o),i(a))}})},donwloadImg(){this.$refs.cropper.getCropData(async t=>{this.zipImg(t,295,413).then(t=>{console.log(t.length/1024/1024);const e=document.createElement("a");e.href=t,e.download="护士执业资格考试.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)})})},selectImg(){this.$refs.upload.click()}}}),c=l,p=(o("0ed4"),o("2877")),d=Object(p["a"])(c,r,s,!1,null,"a7e6d032",null),u=d.exports,f={name:"Home",components:{CropperImage:u},data(){return{img:null}},methods:{back(){this.img=null},selectImg(){this.$refs.uploads.click()},manageImg:async function(t){let e=t.target.files[0];if(!/\.(jpg|jpeg|png|JPG|PNG)$/.test(t.target.value))return this.$snakebar("图片类型要求：jpeg、jpg、png"),!1;let o=new FileReader;o.onload=t=>{let e;e="object"===typeof t.target.result?window.URL.createObjectURL(new Blob([t.target.result])):t.target.result,this.img=e},o.readAsDataURL(e)}}},m=f,g=(o("2b9f"),Object(p["a"])(m,i,n,!1,null,"5d896ece",null));e["default"]=g.exports}}); |