Keep aspect ratio while resizing

2023-02-06 23:45:24 +01:00
parent 0dbabfc58b
commit 0535672123
3 changed files with 21 additions and 2 deletions
@@ -93,8 +93,22 @@ watchEffect((onCleanup) => {
        const distX = Math.floor(enableX ? xSnapped - startX : 0)
        const distY = Math.floor(enableY ? ySnapped - startY : 0)

-        const width = Math.max(startWidth + (invertX ? -distX : distX), props.minWidth)
-        const height = Math.max(startHeight + (invertY ? -distY : distY), props.minHeight)
+        let width = Math.max(startWidth + (invertX ? -distX : distX), props.minWidth)
+        let height = Math.max(startHeight + (invertY ? -distY : distY), props.minHeight)
+
+        if (props.aspectRatio) {
+          const currentAspectRatio = width / height
+          if (currentAspectRatio !== props.aspectRatio) {
+            const newWidth = height * props.aspectRatio
+            const newHeight = width / props.aspectRatio
+
+            if (newWidth > width) {
+              width = newWidth
+            } else {
+              height = newHeight
+            }
+          }
+        }

        const isWidthChange = width !== prevWidth
        const isHeightChange = height !== prevHeight