裁剪缩放优化

src/components/common/cropper.vue

@@ -3,9 +3,14 @@
     <div :class="{'rc-cropper__canvasCrop1': cropOption.uploadType == 1, 'rc-cropper__canvasCrop2': cropOption.uploadType == 2}">
       <img :src="originImg" v-if="!cropper">
       <canvas :id="originImg" ref="canvas"/>
+      <!--<div class="rc-cropper__iconCrop">-->
+        <!--<el-tooltip content="确认裁剪" placement="right" v-if="cropper">-->
+          <!--<el-button type="primary" size="mini" @click="sureCropper()" style="margin-top:530px;margin-right: 320px;"><i class="el-icon-check">确认裁剪</i></el-button>-->
+        <!--</el-tooltip>-->
+      <!--</div>-->
       <div class="rc-cropper__iconCrop">
         <el-tooltip content="确认裁剪" placement="right" v-if="cropper">
-          <el-button type="primary" size="mini" @click="sureCropper()" style="margin-top:530px;margin-right: 320px;"><i class="el-icon-check">确认裁剪</i></el-button>
+          <el-button type="primary" size="mini" @click="sureCropper()"><i class="el-icon-check">确认裁剪</i></el-button>
         </el-tooltip>
       </div>
     </div>
@@ -128,13 +133,13 @@
             guides: true,
             highlight: true,
             cropBoxMovable: true,
-            zoomable: true,
+            // zoomable: true,
             cropBoxResizable: vm.cropOption.cropBoxResizable,//是否显示等比例缩放
             minCropBoxWidth: vm.cropOption.minCropBoxWidth,// 剪切区域的最小宽度
             minCropBoxHeight: vm.cropOption.minCropBoxHeight, // 剪切区域的最小高度
             // minContainerHeight: 500,
             // minCanvasHeight: 500,
-            restore: true,
+            // restore: true,
             toggleDragModeOnDblclick: false,
             // aspectRatio: 75/42,
             aspectRatio: this.cropOption.aspectRatio,// 显示等比例缩放的比例
@@ -250,8 +255,8 @@
   .rc-cropper__iconCrop {
     position: absolute;
     // left: 46%;
-    right: 13%;
-    top: 15%;
+    right: 45%;
+    top: 91%;
   }
 
   .el-tooltip {