(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/ksp-image-cutter/ksp-image-cutter"],{566: /*!**********************************************************************!*\ !*** E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue ***! \**********************************************************************/ /*! no static exports found */function(t,e,i){"use strict";i.r(e);var h=i(/*! ./ksp-image-cutter.vue?vue&type=template&id=4e360878&scoped=true& */567),a=i(/*! ./ksp-image-cutter.vue?vue&type=script&lang=js& */569);for(var s in a)"default"!==s&&function(t){i.d(e,t,(function(){return a[t]}))}(s);i(/*! ./ksp-image-cutter.vue?vue&type=style&index=0&id=4e360878&scoped=true&lang=css& */571);var r,m=i(/*! ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */10),f=Object(m["default"])(a["default"],h["render"],h["staticRenderFns"],!1,null,"4e360878",null,!1,h["components"],r);f.options.__file="components/ksp-image-cutter/ksp-image-cutter.vue",e["default"]=f.exports},567: /*!*****************************************************************************************************************!*\ !*** E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=template&id=4e360878&scoped=true& ***! \*****************************************************************************************************************/ /*! exports provided: render, staticRenderFns, recyclableRender, components */function(t,e,i){"use strict";i.r(e);var h=i(/*! -!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ksp-image-cutter.vue?vue&type=template&id=4e360878&scoped=true& */568);i.d(e,"render",(function(){return h["render"]})),i.d(e,"staticRenderFns",(function(){return h["staticRenderFns"]})),i.d(e,"recyclableRender",(function(){return h["recyclableRender"]})),i.d(e,"components",(function(){return h["components"]}))},568: /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=template&id=4e360878&scoped=true& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns, recyclableRender, components */function(t,e,i){"use strict";var h;i.r(e),i.d(e,"render",(function(){return a})),i.d(e,"staticRenderFns",(function(){return r})),i.d(e,"recyclableRender",(function(){return s})),i.d(e,"components",(function(){return h}));var a=function(){var t=this,e=t.$createElement;t._self._c},s=!1,r=[];a._withStripped=!0},569: /*!***********************************************************************************************!*\ !*** E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=script&lang=js& ***! \***********************************************************************************************/ /*! no static exports found */function(t,e,i){"use strict";i.r(e);var h=i(/*! -!./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ksp-image-cutter.vue?vue&type=script&lang=js& */570),a=i.n(h);for(var s in h)"default"!==s&&function(t){i.d(e,t,(function(){return h[t]}))}(s);e["default"]=a.a},570: /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=script&lang=js& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */function(t,e,i){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={props:{url:{type:String,default:""},fixed:{type:Boolean,default:!1},width:{type:Number,default:200},height:{type:Number,default:200},maxWidth:{type:Number,default:1024},maxHeight:{type:Number,default:1024},blob:{type:Boolean,default:!0}},data:function(){return{mask:{show:!1},frame:{left:50,top:50,width:this.width,height:this.height},image:{left:20,top:20,width:300,height:400},real:{width:100,height:100},target:{width:this.width,height:this.height},touches:[],type:"",start:{frame:{left:0,top:0,width:0,height:0},image:{left:0,top:0,width:0,height:0}},timeoutId:-1,context:null}},mounted:function(){this.context=t.createCanvasContext("canvas",this),this.targetContext=t.createCanvasContext("target",this)},methods:{imageLoad:function(e){var i=this;this.mask.show=!0,this.real.width=e.detail.width,this.real.height=e.detail.height,this.image.width=e.detail.width,this.image.height=e.detail.height,this.frame.width=this.width,this.frame.height=this.height,this.fixed||(this.frame.width=this.image.width,this.frame.height=this.image.height);var h=t.createSelectorQuery().in(this);h.select(".body").boundingClientRect((function(t){var e=t.width,h=t.height,a=i.frame.width,s=i.frame.height,r=.8*e,m=.8*h,f=r/a,n=m/s,o=f;f=0&&(clearTimeout(this.timeoutId),this.timeoutId=-1)},trimImage:function(){var e=this;this.mask.show=!0;var i=t.createSelectorQuery().in(this);i.select(".body").boundingClientRect((function(t){var i=t.width,h=t.height,a=e.frame.width,s=e.frame.height,r=.8*i,m=.8*h,f=r/a,n=m/s,o=f;f>n&&(o=n),r=a*o,m=s*o;var g=(i-r)/2,l=(h-m)/2,c=g-e.frame.left+(e.frame.left-e.image.left)*(1-o),d=l-e.frame.top+(e.frame.top-e.image.top)*(1-o);e.frame.width=r,e.frame.height=m,e.frame.left=g,e.frame.top=l,e.image.width*=o,e.image.height*=o,e.image.left+=c,e.image.top+=d})).exec(),setTimeout((function(){var t=e.image.width/e.real.width,i=(e.frame.left-e.image.left)/t,h=(e.frame.top-e.image.top)/t,a=e.frame.width/t,s=e.frame.height/t;e.context.drawImage(e.url,i,h,a,s,0,0,e.frame.width,e.frame.height),e.context.draw(!1)}),100)},moveImage:function(t,e){var i=e.clientX-t.clientX,h=e.clientY-t.clientY;this.image.left=this.start.image.left+i,this.image.top=this.start.image.top+h,this.image.left>this.frame.left&&(this.image.left=this.frame.left),this.image.top>this.frame.top&&(this.image.top=this.frame.top),this.image.left+this.image.widththis.frame.left&&(this.image.left=this.frame.left),this.image.top>this.frame.top&&(this.image.top=this.frame.top),this.image.left+this.image.widththis.image.left+this.image.width&&(m=this.image.left+this.image.width),f>this.image.top+this.image.height&&(f=this.image.top+this.image.height),this.frame.left=s,this.frame.top=r,this.frame.width=m-s,this.frame.height=f-r},parseBlob:function(t){for(var e=t.split(","),i=e[0].match(/:(.*?);/)[1],h=atob(e[1]),a=h.length,s=new Uint8Array(a),r=0;rthis.maxWidth/2){var n=this.maxWidth/2/m;m*=n,f*=n}if(f>this.maxHeight/2){n=this.maxHeight/2/f;f*=n,m*=n}}this.target.width=m,this.target.height=f,t.showLoading({title:"正在裁剪"}),setTimeout((function(){e.targetContext.drawImage(e.url,h,a,s,r,0,0,m,f),e.targetContext.draw(!1,(function(){t.canvasToTempFilePath({canvasId:"target",success:function(t){var i=t.tempFilePath;e.$emit("ok",{path:i})},fail:function(t){console.log(t)},complete:function(){t.hideLoading()}},e)}))}),100)},oncancle:function(){this.$emit("cancel")}}};e.default=i}).call(this,i(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */1)["default"])},571: /*!*******************************************************************************************************************************!*\ !*** E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=style&index=0&id=4e360878&scoped=true&lang=css& ***! \*******************************************************************************************************************************/ /*! no static exports found */function(t,e,i){"use strict";i.r(e);var h=i(/*! -!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!./node_modules/postcss-loader/src??ref--6-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ksp-image-cutter.vue?vue&type=style&index=0&id=4e360878&scoped=true&lang=css& */572),a=i.n(h);for(var s in h)"default"!==s&&function(t){i.d(e,t,(function(){return h[t]}))}(s);e["default"]=a.a},572: /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!./node_modules/postcss-loader/src??ref--6-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/bigDataApp/components/ksp-image-cutter/ksp-image-cutter.vue?vue&type=style&index=0&id=4e360878&scoped=true&lang=css& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */function(t,e,i){}}]); //# sourceMappingURL=../../../.sourcemap/mp-weixin/components/ksp-image-cutter/ksp-image-cutter.js.map ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([ 'components/ksp-image-cutter/ksp-image-cutter-create-component', { 'components/ksp-image-cutter/ksp-image-cutter-create-component':(function(module, exports, __webpack_require__){ __webpack_require__('1')['createComponent'](__webpack_require__(566)) }) }, [['components/ksp-image-cutter/ksp-image-cutter-create-component']] ]);