1 line
17 KiB
JavaScript
1 line
17 KiB
JavaScript
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-80089ee2"],{"0663":function(e,o,t){"use strict";t.r(o);var i,n=function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("div",{staticClass:"wrapper"},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.model,expression:"model"}],staticClass:"model"},[t("div",{staticClass:"model-show",on:{click:function(o){e.model=!1}}},[t("img",{attrs:{src:e.modelSrc,alt:""},on:{click:function(o){e.model=!1}}})])]),t("div",{staticClass:"content"},[t("div",{staticClass:"show-info"},[t("div",{staticClass:"test test1"},[t("vueCropper",{ref:"cropper",attrs:{img:e.option.img,outputSize:e.option.size,outputType:e.option.outputType,info:!0,full:e.option.full,canMove:e.option.canMove,canMoveBox:e.option.canMoveBox,fixedBox:e.option.fixedBox,original:e.option.original,autoCrop:e.option.autoCrop,autoCropWidth:e.option.autoCropWidth,autoCropHeight:e.option.autoCropHeight,centerBox:e.option.centerBox,high:e.option.high,infoTrue:e.option.infoTrue,maxImgSize:e.option.maxImgSize,enlarge:e.option.enlarge,mode:e.option.mode,limitMinSize:e.option.limitMinSize},on:{realTime:e.realTime,imgLoad:e.imgLoad,cropMoving:e.cropMoving}})],1),t("div",{staticClass:"test-button"},[t("button",{staticClass:"btn",on:{click:e.changeImg}},[e._v("changeImg")]),t("label",{staticClass:"btn",attrs:{for:"uploads"}},[e._v("upload")]),t("input",{ref:"uploadImg",staticStyle:{position:"absolute",clip:"rect(0 0 0 0)"},attrs:{type:"file",id:"uploads",accept:"image/png, image/jpeg, image/gif, image/jpg"},on:{change:function(o){return e.uploadImg(o,1)}}}),e.crap?t("button",{staticClass:"btn",on:{click:e.stopCrop}},[e._v("stop")]):t("button",{staticClass:"btn",on:{click:e.startCrop}},[e._v("start")]),t("button",{staticClass:"btn",on:{click:e.clearCrop}},[e._v("clear")]),t("button",{staticClass:"btn",on:{click:e.refreshCrop}},[e._v("refresh")]),t("button",{staticClass:"btn",on:{click:function(o){return e.changeScale(1)}}},[e._v("+")]),t("button",{staticClass:"btn",on:{click:function(o){return e.changeScale(-1)}}},[e._v("-")]),t("button",{staticClass:"btn",on:{click:e.rotateLeft}},[e._v("rotateLeft")]),t("button",{staticClass:"btn",on:{click:e.rotateRight}},[e._v("rotateRight")]),t("button",{staticClass:"btn",on:{click:function(o){return e.finish("base64")}}},[e._v("preview(base64)")]),t("button",{staticClass:"btn",on:{click:function(o){return e.finish("blob")}}},[e._v("preview(blob)")]),t("button",{staticClass:"btn",on:{click:function(){return e.option.img=""}}},[e._v("清除图片")]),t("a",{staticClass:"btn",on:{click:function(o){return e.down("base64")}}},[e._v("download(base64)")]),t("a",{staticClass:"btn",on:{click:function(o){return e.down("blob")}}},[e._v("download(blob)")]),t("a",{ref:"downloadDom",attrs:{href:e.downImg,download:"demo.png"}})]),t("div",{staticClass:"pre"},[t("section",{staticClass:"pre-item"},[t("p",[e._v("截图框大小")]),t("div",{staticClass:"show-preview",style:{width:e.previews.w+"px",height:e.previews.h+"px",overflow:"hidden",margin:"5px"}},[t("div",{style:e.previews.div},[t("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])]),t("section",{staticClass:"pre-item"},[t("p",[e._v("中等大小")]),t("div",{style:e.previewStyle1},[t("div",{style:e.previews.div},[t("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])]),t("section",{staticClass:"pre-item"},[t("p",[e._v("迷你大小")]),t("div",{style:e.previewStyle2},[t("div",{style:e.previews.div},[t("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])]),t("section",{staticClass:"pre-item",attrs:{title:"zoom: (100 / previews.w)"}},[t("p",[e._v("固定为100宽度")]),t("div",{style:e.previewStyle3},[t("div",{style:e.previews.div},[t("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])]),t("section",{staticClass:"pre-item",attrs:{title:"zoom: (100 / previews.h)"}},[t("p",[e._v("固定为100高度")]),t("div",{style:e.previewStyle4},[t("div",{style:e.previews.div},[t("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])])]),t("div",{staticStyle:{display:"block",width:"100%"}},[t("label",{s
|