ding-image-editor 3.15.5 → 3.15.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ding-image-editor",
-  "version": "3.15.5",
+  "version": "3.15.6",
   "description": "TOAST UI ImageEditor",
   "keywords": [
     "nhn",

package/src/js/component/shape.js

@@ -226,6 +226,13 @@ export default class Shape extends Component {
 
       this._bindEventOnShape(shapeObj);
 
+      shapeObj.hasControls = false;
+      shapeObj.hasBorders = false;
+
+      console.log('shapObe',shapeObj)
+      shapeObj.borderColor ='black'
+      console.log('shapObe',shapeObj)
+
       canvas.add(shapeObj).setActiveObject(shapeObj);
 
       this._resetPositionFillFilter(shapeObj);

package/src/js/component/zoom.js

@@ -562,10 +562,30 @@ class Zoom extends Component {
   _onMouseMoveWithHandMode({ e }) {
     const canvas = this.getCanvas();
     const { x, y } = canvas.getPointer(e);
+
+    
     const deltaX = x - this._startHandPoint.x;
     const deltaY = y - this._startHandPoint.y;
 
-    this._movePointOfZoom({ x: deltaX, y: deltaY });
+    console.log('deltaX',deltaX)
+    console.log('deltaY',deltaY)
+
+    const canvasImage = this.getCanvasImage()
+    const bounding = canvasImage.getBoundingRect();
+    console.log( bounding)
+
+    const halfWidth = Math.floor(bounding.width/2);
+    const 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 });
+    }
+   
+
+    const halfHeight = Math.floor(bounding.height/2);
+    const 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 });
+    }
   }
 
   /**