@10yun/cv-mobile-ui 0.3.23 → 0.3.25

package/{lib → ui-cv}/cv-editor/compressImage.vue

@@ -1,11 +1,11 @@
 <template>
   <view class="compress">
-    <canvas :style="{ width: canvasSize.width,height: canvasSize.height}" canvas-id="myCanvas"></canvas>
+    <canvas :style="{ width: canvasSize.width, height: canvasSize.height }" canvas-id="myCanvas"></canvas>
   </view>
 </template>
 
 <script>
-import { base64ToPath } from './index.js'
+import { base64ToPath } from './index.js';
 export default {
   data() {
     return {
@@ -14,12 +14,15 @@ export default {
         width: 0,
         height: 0
       }
-    }
+    };
   },
   methods: {
     dataURLtoBlob(dataurl) {
-      let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
-        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+      let arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n);
       while (n--) {
         u8arr[n] = bstr.charCodeAt(n);
       }
@@ -28,7 +31,9 @@ export default {
     // 压缩
     compress(params) {
       return new Promise(async (resolve, reject) => {
-        let info = await this.getImageInfo(params.src).then(info => info).catch(err => err);
+        let info = await this.getImageInfo(params.src)
+          .then((info) => info)
+          .catch((err) => err);
 
         if (!info) {
           reject('获取图片信息异常');
@@ -58,47 +63,49 @@ export default {
         this.canvasSize = {
           width: `${width}rpx`,
           height: `${height}rpx`
-        }
+        };
 
         this.$nextTick(() => {
           setTimeout(() => {
             const ctx = uni.createCanvasContext('myCanvas', this);
             ctx.drawImage(info.path, 0, 0, uni.upx2px(width), uni.upx2px(height));
             ctx.draw(false, () => {
-              uni.canvasToTempFilePath({
-                x: 0,
-                y: 0,
-                width: uni.upx2px(width),
-                height: uni.upx2px(height),
-                destWidth: width,
-                destHeight: height,
-                canvasId: 'myCanvas',
-                fileType: params.fileType || 'jpg',
-                quality: params.quality || 0.9,
-                success: (res) => {
-                  // 在H5平台下，tempFilePath 为 base64
-                  // #ifdef H5
-                  base64ToPath(res.tempFilePath)
-                    .then(path => {
-                      resolve(path);
-                    })
-                    .catch(error => {
-                      console.error(error)
-                      reject(error);
-                    })
-                  // #endif
-                  // #ifndef H5
-                  resolve(res.tempFilePath);
-                  // #endif
+              uni.canvasToTempFilePath(
+                {
+                  x: 0,
+                  y: 0,
+                  width: uni.upx2px(width),
+                  height: uni.upx2px(height),
+                  destWidth: width,
+                  destHeight: height,
+                  canvasId: 'myCanvas',
+                  fileType: params.fileType || 'jpg',
+                  quality: params.quality || 0.9,
+                  success: (res) => {
+                    // 在H5平台下，tempFilePath 为 base64
+                    // #ifdef H5
+                    base64ToPath(res.tempFilePath)
+                      .then((path) => {
+                        resolve(path);
+                      })
+                      .catch((error) => {
+                        console.error(error);
+                        reject(error);
+                      });
+                    // #endif
+                    // #ifndef H5
+                    resolve(res.tempFilePath);
+                    // #endif
+                  },
+                  fail: (err) => {
+                    reject(err);
+                  }
                 },
-                fail: (err) => {
-                  reject(err);
-                }
-              }, this);
-
+                this
+              );
             });
           }, 500);
-        })
+        });
       });
     },
     // 获取图片信息
@@ -116,10 +123,10 @@ export default {
       });
     }
   }
-}
+};
 </script>
 
-<style >
+<style>
 .compress {
   position: fixed;
   width: 12px;