Upload imageSlicer.js

src/lib/imageSlicer.js

@@ -55,15 +55,16 @@ class ImageSlicer {
 
     if (isVerticalLong) {
       // 垂直长图：沿高度方向裁切
-      const rows = Math.ceil(height / this.maxSize)
-      const cols = 1 // 垂直长图通常不需要水平裁切
-
-      // 增加重叠区域以保持内容连续性
       const enhancedOverlap = Math.min(this.overlapPixels * 2, this.maxSize * 0.1)
-      const sliceHeight = Math.min(this.maxSize, height)
+      const sliceHeight = this.maxSize
       const stepY = Math.max(1, sliceHeight - enhancedOverlap)
 
+      // 重新计算行数，确保覆盖整个图片
+      const rows = Math.ceil((height - enhancedOverlap) / stepY)
+      const cols = 1 // 垂直长图通常不需要水平裁切
+
       console.log(`[${new Date().toISOString()}] 📏 垂直长图策略: ${rows}行x${cols}列, 重叠=${enhancedOverlap}px`)
+      console.log(`[${new Date().toISOString()}] 📏 切片尺寸: ${width}x${sliceHeight}, 步长=${stepY}`)
 
       return {
         rows,
@@ -77,15 +78,16 @@ class ImageSlicer {
       }
     } else {
       // 水平长图：沿宽度方向裁切
-      const cols = Math.ceil(width / this.maxSize)
-      const rows = 1 // 水平长图通常不需要垂直裁切
-
-      // 增加重叠区域以保持内容连续性
       const enhancedOverlap = Math.min(this.overlapPixels * 2, this.maxSize * 0.1)
-      const sliceWidth = Math.min(this.maxSize, width)
+      const sliceWidth = this.maxSize
       const stepX = Math.max(1, sliceWidth - enhancedOverlap)
 
+      // 重新计算列数，确保覆盖整个图片
+      const cols = Math.ceil((width - enhancedOverlap) / stepX)
+      const rows = 1 // 水平长图通常不需要垂直裁切
+
       console.log(`[${new Date().toISOString()}] 📏 水平长图策略: ${rows}行x${cols}列, 重叠=${enhancedOverlap}px`)
+      console.log(`[${new Date().toISOString()}] 📏 切片尺寸: ${sliceWidth}x${height}, 步长=${stepX}`)
 
       return {
         rows,
@@ -182,7 +184,19 @@ class ImageSlicer {
           // 确保不超出图片边界
           const actualWidth = Math.min(grid.sliceWidth, metadata.width - x)
           const actualHeight = Math.min(grid.sliceHeight, metadata.height - y)
-          
+
+          // 验证裁切参数
+          if (x < 0 || y < 0 || actualWidth <= 0 || actualHeight <= 0 ||
+              x + actualWidth > metadata.width || y + actualHeight > metadata.height) {
+            console.error(`[${new Date().toISOString()}] ❌ 无效的裁切参数:`)
+            console.error(`[${new Date().toISOString()}]   图片尺寸: ${metadata.width}x${metadata.height}`)
+            console.error(`[${new Date().toISOString()}]   裁切位置: (${x}, ${y})`)
+            console.error(`[${new Date().toISOString()}]   裁切尺寸: ${actualWidth}x${actualHeight}`)
+            continue // 跳过这个无效的切片
+          }
+
+          console.log(`[${new Date().toISOString()}] 🔪 生成切片 ${row * grid.cols + col + 1}/${grid.totalSlices}: ${actualWidth}x${actualHeight} at (${x},${y})`)
+
           // 裁切图片并转换为JPEG格式（更好的兼容性）
           const sliceBuffer = await image
             .extract({
@@ -210,7 +224,7 @@ class ImageSlicer {
             coordinates: { x, y }
           })
           
-          console.log(`[${new Date().toISOString()}] 🔪 生成切片 ${sliceIndex + 1}/${grid.totalSlices}: ${actualWidth}x${actualHeight} at (${x},${y})`)
+
         }
       }