react-design-editor 0.0.54 → 0.0.55

package/dist/react-design-editor.js

@@ -194261,6 +194261,8 @@ var WorkareaHandler_WorkareaHandler = /*#__PURE__*/function () {
 
                                 canvas.renderAll();
                                 resolve(workarea);
+                              }, {
+                                crossOrigin: 'anonymous'
                               });
                             }));
 
@@ -199439,6 +199441,22 @@ var AlignmentHandler_AlignmentHandler = /*#__PURE__*/createClass_default()(funct
     }
   };
 
+  this.middle = function () {
+    var activeObject = _this.handler.canvas.getActiveObject();
+
+    if (activeObject && activeObject.type === 'activeSelection') {
+      var activeSelection = activeObject;
+      activeSelection.forEachObject(function (obj) {
+        obj.set({
+          top: 0 - obj.width * obj.scaleX / 2
+        });
+        obj.setCoords();
+
+        _this.handler.canvas.renderAll();
+      });
+    }
+  };
+
   this.right = function () {
     var activeObject = _this.handler.canvas.getActiveObject();
 
@@ -202182,7 +202200,8 @@ var Handler_Handler = /*#__PURE__*/function () {
           resolve(obj.setSrc(source, function () {
             return _this.canvas.renderAll();
           }, {
-            dirty: true
+            dirty: true,
+            crossOrigin: "anonymous"
           }));
         }
       });
@@ -203463,16 +203482,21 @@ var Handler_Handler = /*#__PURE__*/function () {
         format: 'png',
         quality: 1
       };
-
       // If it's zoomed out/in, the container will also include in the image
       // hence need to reset the zoom level.
-      _this.zoomHandler.zoomOneToOne();
-
       var _this$workarea2 = _this.workarea,
           left = _this$workarea2.left,
           top = _this$workarea2.top,
           width = _this$workarea2.width,
-          height = _this$workarea2.height;
+          height = _this$workarea2.height,
+          scaleX = _this$workarea2.scaleX,
+          scaleY = _this$workarea2.scaleY;
+      width = Math.ceil(width * scaleX);
+      height = Math.ceil(height * scaleY); // cachedVT is used to reset the viewportTransform after the image is saved.
+
+      var cachedVT = _this.canvas.viewportTransform; // reset the viewportTransform to default (no zoom)
+
+      _this.canvas.viewportTransform = [1, 0, 0, 1, 0, 0];
 
       var dataUrl = _this.canvas.toDataURL(Handler_objectSpread(Handler_objectSpread({}, option), {}, {
         left: left,
@@ -203489,7 +203513,10 @@ var Handler_Handler = /*#__PURE__*/function () {
         document.body.appendChild(anchorEl);
         anchorEl.click();
         anchorEl.remove();
-      }
+      } // reset the viewportTransform to previous value.
+
+
+      _this.canvas.viewportTransform = cachedVT;
     };
 
     this.rotate = function (angle) {