Add getCroppedCanvas() method

flyfloor · Aug 29, 2018 · 8b6d4df · 8b6d4df
1 parent 90d07aa
commit 8b6d4df
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 33 deletions.
diff --git a/component/Cropper.js b/component/Cropper.js
@@ -496,10 +496,10 @@ class Cropper extends Component {
     }
   }
 
-  // crop image
-  crop () {
+  // get cropped canvas
+  getCroppedCanvas () {
     const img = findDOMNode(this.img)
-    let canvas = document.createElement('canvas')
+    const canvas = document.createElement('canvas')
     const {
       x,
       y,
@@ -510,6 +510,13 @@ class Cropper extends Component {
     canvas.width = width
     canvas.height = height
     canvas.getContext('2d').drawImage(img, x, y, width, height, 0, 0, width, height)
+    return canvas
+  }
+
+  // crop image
+  crop () {
+    const canvas = this.getCroppedCanvas()
+
     return canvas.toDataURL()
   }
 

diff --git a/dist/app.js b/dist/app.js
diff --git a/lib/Cropper.js b/lib/Cropper.js
@@ -540,11 +540,11 @@ var Cropper = function (_Component) {
       }
     }
 
-    // crop image
+    // get cropped canvas
 
   }, {
-    key: 'crop',
-    value: function crop() {
+    key: 'getCroppedCanvas',
+    value: function getCroppedCanvas() {
       var img = findDOMNode(this.img);
       var canvas = document.createElement('canvas');
       var _values$original = this.values().original,
@@ -557,6 +557,16 @@ var Cropper = function (_Component) {
       canvas.width = width;
       canvas.height = height;
       canvas.getContext('2d').drawImage(img, x, y, width, height, 0, 0, width, height);
+      return canvas;
+    }
+
+    // crop image
+
+  }, {
+    key: 'crop',
+    value: function crop() {
+      var canvas = this.getCroppedCanvas();
+
       return canvas.toDataURL();
     }