Update visual_renderer.py

visual_renderer.py

@@ -8,21 +8,24 @@ def draw_glossing_card(data, output_path):
     data 包含: line1, line2, line3, translation
     """
     # 畫布設定
-    width, height = 1200, 600
+    width, height = 1200, 450 # 💡 高度微調，讓版面更緊湊
     bg_color = (253, 248, 241) # 米白色紙張感
-    img = Image.Image.new('RGB', (width, height), color=bg_color)
+    
+    # 💡 修正錯誤：使用 Image.new 而不是 Image.Image.new
+    img = Image.new('RGB', (width, height), color=bg_color)
     draw = ImageDraw.Draw(img)
     
-    # 💡 請確保您的 Hugging Face 空間裡有一個字型檔 (如 NotoSansTC-Regular.ttf)
+    # 💡 字體設定 (強烈建議要有中文字型檔，否則中文會變方塊)
     font_path = "NotoSansTC-Regular.ttf" 
     font_size = 32
     try:
         font = ImageFont.truetype(font_path, font_size)
-    except:
+    except Exception as e:
+        print(f"⚠️ 找不到中文字型或載入失敗: {e}")
         font = ImageFont.load_default()
 
     x_offset = 80
-    y_start = 120
+    y_start = 80
     line_spacing = 60 # 四行等距
     
     # 畫出前三行 (對齊單詞)
@@ -32,17 +35,19 @@ def draw_glossing_card(data, output_path):
         w3 = data['glossing']['line3'][i]
         
         draw.text((x_offset, y_start), w1, fill=(0,0,0), font=font)
-        draw.text((x_offset, y_start + line_spacing), w2, fill=(139,0,0), font=font)
-        draw.text((x_offset, y_start + line_spacing * 2), w3, fill=(85,85,85), font=font)
+        draw.text((x_offset, y_start + line_spacing), w2, fill=(139,0,0), font=font) # 暗紅色
+        draw.text((x_offset, y_start + line_spacing * 2), w3, fill=(85,85,85), font=font) # 深灰色
         
         # 計算下一個單詞的間距 (取三行中最長者 + 緩衝)
-        max_w = max(draw.textbbox((0,0), w1, font=font)[2], 
-                    draw.textbbox((0,0), w2, font=font)[2], 
-                    draw.textbbox((0,0), w3, font=font)[2])
-        x_offset += max_w + 40
+        bbox1 = draw.textbbox((0,0), w1, font=font)
+        bbox2 = draw.textbbox((0,0), w2, font=font)
+        bbox3 = draw.textbbox((0,0), w3, font=font)
+        
+        max_w = max(bbox1[2] - bbox1[0], bbox2[2] - bbox2[0], bbox3[2] - bbox3[0])
+        x_offset += max_w + 40 # 單詞之間的間距
 
-    # 畫出第四行 (整句意譯) - 無橫線，等距
-    draw.text((80, y_start + line_spacing * 4), data['translation'], fill=(0,0,0), font=font)
+    # 畫出第四行 (整句意譯) - 無橫線，等距 (拉開半行的距離區隔)
+    draw.text((80, y_start + line_spacing * 3.5), data['translation'], fill=(0,0,0), font=font)
     
     img.save(output_path)
     return output_path