Build Project

berviantoleo · Nov 28, 2020 · 6c1a99c · 6c1a99c
1 parent 0fc614f
commit 6c1a99c
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 4 deletions.
diff --git a/packages/react-multi-crop/dist/index.cjs.js b/packages/react-multi-crop/dist/index.cjs.js
@@ -435,8 +435,22 @@ var ReactMultiCrop = /*#__PURE__*/function (_Component) {
       coord.rect = JSON.stringify(rectangle);
 
       if (_typeof(canvas) === "object" && _typeof(canvas.backgroundImage) === "object" && canvas.backgroundImage) {
-        var imgWidth = canvas.backgroundImage.width;
-        var imgHeight = canvas.backgroundImage.height;
+        var canvasBackground = canvas.backgroundImage;
+
+        if (!fabric.fabric.Canvas.supports("toDataURL")) {
+          console.log("This browser doesn't provide means to serialize canvas to an image");
+        } else {
+          var dataUrl = canvasBackground.toDataURL({
+            height: element.height,
+            width: element.width,
+            left: element.left,
+            top: element.top
+          });
+          coord.dataUrl = dataUrl;
+        }
+
+        var imgWidth = canvasBackground.width;
+        var imgHeight = canvasBackground.height;
         var x1Px = x1 * imgWidth;
         var x2Px = x2 * imgWidth;
         var y1Px = y1 * imgHeight;

diff --git a/packages/react-multi-crop/dist/index.esm.js b/packages/react-multi-crop/dist/index.esm.js
@@ -424,8 +424,22 @@ var ReactMultiCrop = /*#__PURE__*/function (_Component) {
       coord.rect = JSON.stringify(rectangle);
 
       if (_typeof(canvas) === "object" && _typeof(canvas.backgroundImage) === "object" && canvas.backgroundImage) {
-        var imgWidth = canvas.backgroundImage.width;
-        var imgHeight = canvas.backgroundImage.height;
+        var canvasBackground = canvas.backgroundImage;
+
+        if (!fabric.Canvas.supports("toDataURL")) {
+          console.log("This browser doesn't provide means to serialize canvas to an image");
+        } else {
+          var dataUrl = canvasBackground.toDataURL({
+            height: element.height,
+            width: element.width,
+            left: element.left,
+            top: element.top
+          });
+          coord.dataUrl = dataUrl;
+        }
+
+        var imgWidth = canvasBackground.width;
+        var imgHeight = canvasBackground.height;
         var x1Px = x1 * imgWidth;
         var x2Px = x2 * imgWidth;
         var y1Px = y1 * imgHeight;