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

Author: maxlk

src/utils.js

@@ -48,14 +48,10 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       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': {
@@ -106,14 +102,10 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       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': {
@@ -145,14 +137,10 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       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': {
@@ -185,13 +173,9 @@ export const getNewStyle = (type, rect, deltaW, deltaH, ratio, minWidth, minHeig
       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
     }
   }