هنوز بخشهایی از عکس اصلی در صفحات چوستر ساخته نشده اند درست کن و مطمین شئ تمام نقاط عکس در صفحه های پوستر موجود باشد

script.js

@@ -164,24 +164,46 @@ let uploadedImage = null;
                         sh = segmentHeight + (row < gridSize-1 ? overlapYPx : 0);
                     }
                 }
-                // Adjust source rectangle to stay within image bounds
-                let dx = 0, dy = 0;
-                
-                if (sx < 0) {
-                    dx = -sx;
-                    sw += sx;
-                    sx = 0;
-                }
-                if (sy < 0) {
-                    dy = -sy;
-                    sh += sy;
-                    sy = 0;
+                // Ensure we cover the entire image while maintaining proper overlaps
+                if (centerOverlaps) {
+                    // For center overlaps, make sure we don't leave gaps
+                    if (col === 0) {
+                        sx = 0;
+                        sw = segmentWidth + overlapXPx;
+                    } else if (col === gridSize-1) {
+                        sx = uploadedImage.width - segmentWidth - overlapXPx;
+                        sw = segmentWidth + overlapXPx;
+                    } else {
+                        sx = col * segmentWidth - overlapXPx;
+                        sw = segmentWidth + overlapXPx * 2;
+                    }
+                    
+                    if (row === 0) {
+                        sy = 0;
+                        sh = segmentHeight + overlapYPx;
+                    } else if (row === gridSize-1) {
+                        sy = uploadedImage.height - segmentHeight - overlapYPx;
+                        sh = segmentHeight + overlapYPx;
+                    } else {
+                        sy = row * segmentHeight - overlapYPx;
+                        sh = segmentHeight + overlapYPx * 2;
+                    }
+                } else {
+                    // Traditional overlaps - ensure we cover the entire image
+                    if (col === gridSize-1) {
+                        sw = uploadedImage.width - col * segmentWidth;
+                    }
+                    if (row === gridSize-1) {
+                        sh = uploadedImage.height - row * segmentHeight;
+                    }
                 }
                 
-                // Adjust width/height if extending beyond image
+                // Adjust for any out-of-bounds that might still occur
+                sx = Math.max(0, sx);
+                sy = Math.max(0, sy);
                 sw = Math.min(sw, uploadedImage.width - sx);
                 sh = Math.min(sh, uploadedImage.height - sy);
-                // Draw the image segment with border
+// Draw the image segment with border
                 ctx.save();
                 if (orient === 'diagonal') {
                     // For diagonal orientation, rotate the canvas
@@ -202,15 +224,25 @@ let uploadedImage = null;
                     // Adjust destination position based on any out-of-bounds
                     const destX = -dx * (destWidth / sw);
                     const destY = -dy * (destHeight / sh);
+                    // Calculate scale to fill canvas while maintaining aspect ratio
+                    const scale = Math.min(
+                        destWidth / sw,
+                        destHeight / sh
+                    );
+                    const scaledWidth = sw * scale;
+                    const scaledHeight = sh * scale;
+                    
+                    // Center the image on canvas
+                    const offsetX = (destWidth - scaledWidth) / 2;
+                    const offsetY = (destHeight - scaledHeight) / 2;
                     
                     ctx.drawImage(
                         uploadedImage,
                         sx, sy, sw, sh,
-                        destX, destY, 
-                        destWidth * (sw / (sw + dx)), 
-                        destHeight * (sh / (sh + dy))
+                        offsetX, offsetY,
+                        scaledWidth, scaledHeight
                     );
-                }
+}
                 // Draw border around the image segment
                 ctx.strokeStyle = 'rgba(255, 0, 0, 0.5)';
                 ctx.lineWidth = 2;