fix: Collage variable naming (#251)

yurucam · May 3, 2024 · 32f9813 · 32f9813
2 parents e45138c + d6ad428
commit 32f9813
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/web/package.json b/web/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.4.76",
+  "version": "0.4.77",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/web/src/pages/lab/collage/theme/SIMPLE.ts b/web/src/pages/lab/collage/theme/SIMPLE.ts
@@ -33,8 +33,8 @@ const SIMPLE_FUNC = (
   context.fillStyle = '#ffffff';
   context.fillRect(0, 0, canvas.width, canvas.height);
 
-  const width = (canvas.width - paddingLeft - paddingRight - marginEach * (numberOfRow - 1)) / numberOfRow;
-  const height = (canvas.height - paddingTop - paddingBottom - marginEach * (numberOfColumn - 1)) / numberOfColumn;
+  const width = (canvas.width - paddingLeft - paddingRight - marginEach * (numberOfColumn - 1)) / numberOfColumn;
+  const height = (canvas.height - paddingTop - paddingBottom - marginEach * (numberOfRow - 1)) / numberOfRow;
 
   const size = numberOfRow * numberOfColumn;
   const length = Math.min(photos.length, size);
@@ -44,8 +44,8 @@ const SIMPLE_FUNC = (
     const photo = photos[i];
     if (!photo) break;
     const image = photo.image;
-    const x = paddingLeft + (i % numberOfRow) * (width + marginEach);
-    const y = paddingTop + Math.floor(i / numberOfRow) * (height + marginEach);
+    const x = paddingLeft + (i % numberOfColumn) * (width + marginEach);
+    const y = paddingTop + Math.floor(i / numberOfColumn) * (height + marginEach);
     const imageWidth = image.width;
     const imageHeight = image.height;
     const ratio = imageWidth / imageHeight;