pin position of an opposit anchor point during resize with an edge middle anchor point when rect has fixed ratio

Author: Maxim Kulikov

src/utils.js

@@ -46,16 +46,11 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       width = widthAndDeltaW.width
       deltaW = widthAndDeltaW.deltaW
       if (ratio) {
-        deltaH = deltaW / ratio
         height = width / ratio
-        // 左上角固定
-        centerX += deltaW / 2 * cos(rotateAngle) - deltaH / 2 * sin(rotateAngle)
-        centerY += deltaW / 2 * sin(rotateAngle) + deltaH / 2 * cos(rotateAngle)
-      } else {
-        // 左边固定
-        centerX += deltaW / 2 * cos(rotateAngle)
-        centerY += deltaW / 2 * sin(rotateAngle)
       }
+      // 左边固定
+      centerX += deltaW / 2 * cos(rotateAngle)
+      centerY += deltaW / 2 * sin(rotateAngle)
       break
     }
     case 'tr': {
@@ -104,16 +99,11 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       height = heightAndDeltaH.height
       deltaH = heightAndDeltaH.deltaH
       if (ratio) {
-        deltaW = deltaH * ratio
         width = height * ratio
-        // 左上角固定
-        centerX += deltaW / 2 * cos(rotateAngle) - deltaH / 2 * sin(rotateAngle)
-        centerY += deltaW / 2 * sin(rotateAngle) + deltaH / 2 * cos(rotateAngle)
-      } else {
-        // 上边固定
-        centerX -= deltaH / 2 * sin(rotateAngle)
-        centerY += deltaH / 2 * cos(rotateAngle)
       }
+      // 上边固定
+      centerX -= deltaH / 2 * sin(rotateAngle)
+      centerY += deltaH / 2 * cos(rotateAngle)
       break
     }
     case 'bl': {
@@ -144,15 +134,10 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       deltaW = widthAndDeltaW.deltaW
       if (ratio) {
         height = width / ratio
-        deltaH = deltaW / ratio
-        // 右上角固定
-        centerX -= deltaW / 2 * cos(rotateAngle) + deltaH / 2 * sin(rotateAngle)
-        centerY -= deltaW / 2 * sin(rotateAngle) - deltaH / 2 * cos(rotateAngle)
-      } else {
-        // 右边固定
-        centerX -= deltaW / 2 * cos(rotateAngle)
-        centerY -= deltaW / 2 * sin(rotateAngle)
       }
+      // 右边固定
+      centerX -= deltaW / 2 * cos(rotateAngle)
+      centerY -= deltaW / 2 * sin(rotateAngle)
       break
     }
     case 'tl': {
@@ -184,14 +169,9 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       deltaH = heightAndDeltaH.deltaH
       if (ratio) {
         width = height * ratio
-        deltaW = deltaH * ratio
-        // 左下角固定
-        centerX += deltaW / 2 * cos(rotateAngle) + deltaH / 2 * sin(rotateAngle)
-        centerY += deltaW / 2 * sin(rotateAngle) - deltaH / 2 * cos(rotateAngle)
-      } else {
-        centerX += deltaH / 2 * sin(rotateAngle)
-        centerY -= deltaH / 2 * cos(rotateAngle)
       }
+      centerX += deltaH / 2 * sin(rotateAngle)
+      centerY -= deltaH / 2 * cos(rotateAngle)
       break
     }
   }