ding-image-editor 3.15.5 → 3.15.6

package/dist/tui-image-editor.js

@@ -56325,6 +56325,11 @@ var shape_Shape = /*#__PURE__*/function (_Component) {
 
         _this2._bindEventOnShape(shapeObj);
 
+        shapeObj.hasControls = false;
+        shapeObj.hasBorders = false;
+        console.log('shapObe', shapeObj);
+        shapeObj.borderColor = 'black';
+        console.log('shapObe', shapeObj);
         canvas.add(shapeObj).setActiveObject(shapeObj);
 
         _this2._resetPositionFillFilter(shapeObj);
@@ -57440,11 +57445,30 @@ var Zoom = /*#__PURE__*/function (_Component) {
 
       var deltaX = x - this._startHandPoint.x;
       var deltaY = y - this._startHandPoint.y;
+      console.log('deltaX', deltaX);
+      console.log('deltaY', deltaY);
+      var canvasImage = this.getCanvasImage();
+      var bounding = canvasImage.getBoundingRect();
+      console.log(bounding);
+      var halfWidth = Math.floor(bounding.width / 2);
+      var left = Math.floor(Math.abs(bounding.left));
+
+      if (bounding.left < 0 && deltaX > 0 && Math.abs(deltaX) > Math.abs(deltaY) || deltaX < 0 && left < halfWidth && Math.abs(deltaX) > Math.abs(deltaY)) {
+        this._movePointOfZoom({
+          x: deltaX,
+          y: 0
+        });
+      }
 
-      this._movePointOfZoom({
-        x: deltaX,
-        y: deltaY
-      });
+      var halfHeight = Math.floor(bounding.height / 2);
+      var top = Math.floor(Math.abs(bounding.top));
+
+      if (bounding.top < 0 && deltaY > 0 && Math.abs(deltaX) < Math.abs(deltaY) || top < halfHeight && deltaY < 0 && Math.abs(deltaX) < Math.abs(deltaY)) {
+        this._movePointOfZoom({
+          x: 0,
+          y: deltaY
+        });
+      }
     }
     /**
      * onMouseUp handler in fabric canvas