显示裁剪框

src/components/common/cropper-img.vue

@@ -63,6 +63,24 @@ export default {
     },
     // 显示裁剪框
     initCropper () {
+      if (!HTMLCanvasElement.prototype.toBlob) {
+        console.log('HTMLCanvasElement.prototype.toBlob');
+        Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
+          value: function (callback, type, quality) {
+            var canvas = this;
+            setTimeout(function () {
+              var binStr = atob(canvas.toDataURL(type, quality).split(',')[1]);
+              var len = binStr.length;
+              var arr = new Uint8Array(len);
+              for (var i = 0; i < len; i++) {
+                arr[i] = binStr.charCodeAt(i);
+              }
+              callback(new Blob([arr], { type: type || 'image/jpeg' }));
+            });
+          }
+        });
+      }
+
       this.croppShow = true
       this.cropper = new Cropper(this.$refs.canvas, {
         checkCrossOrigin: true,