From 5ec07b62d8fec0ea7749250a69c38468e31b5a27 Mon Sep 17 00:00:00 2001
From: clfreville2 <clement.freville2@etu.uca.fr>
Date: Fri, 16 Feb 2024 23:46:47 +0100
Subject: [PATCH] Take the bigger the dimension

---
 src/components/ImageEditor.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ImageEditor.vue b/src/components/ImageEditor.vue
index 2edd0fa..d71b7fb 100644
--- a/src/components/ImageEditor.vue
+++ b/src/components/ImageEditor.vue
@@ -86,12 +86,14 @@ function onDrop(event: DragEvent) {
     const dx = canvas.value!.width;
     const imageData = ctx.getImageData(0, 0, canvas.value!.width, canvas.value!.height);
     canvas.value!.width += img.width;
+    canvas.value!.height = Math.max(canvas.value!.height, img.height);
     ctx.putImageData(imageData, 0, 0)
     ctx.drawImage(img, dx, 0);
   } else if (event.offsetY > preview.offsetHeight / 3 * 2) {
     const dy = canvas.value!.height;
     const imageData = ctx.getImageData(0, 0, canvas.value!.width, canvas.value!.height);
     canvas.value!.height += img.height;
+    canvas.value!.width = Math.max(canvas.value!.width, img.width);
     ctx.putImageData(imageData, 0, 0)
     ctx.drawImage(img, 0, dy);
   } else {
@@ -105,6 +107,7 @@ function onDrop(event: DragEvent) {
     mergeImages(current, merged.data, parseFloat(opacity));
     ctx.putImageData(merged, 0, 0);
   }
+  viable = ctx.getImageData(0, 0, canvas.value!.width, canvas.value!.height);
 }
 
 function onDragLeave() {