feat(worker-hall): 抢单大厅支持分类与全部按钮图标自定义及PNG透明通道修复

2026-09-12 20:16:27 +08:00
parent 694d7fff40
commit 1cf790d6ab
11 changed files with 187 additions and 41 deletions
@@ -11,6 +11,11 @@ const IMAGE_UPLOAD_QUALITY: Record<string, number> = {
 }

 export async function optimizeImageForUpload(file: File, scene: string) {
+  // 分类图标与大厅图标属于透明或矢量UI素材，必须保留原始格式与透明通道，不进行有损压缩与白底填充
+  if (['category_icon', 'hall_icon'].includes(scene)) {
+    return file
+  }
+
  if (!file.type.startsWith('image/')) return file
  if (!['image/jpeg', 'image/png', 'image/webp'].includes(file.type)) return file
  if (typeof document === 'undefined') return file
@@ -26,8 +31,13 @@ export async function optimizeImageForUpload(file: File, scene: string) {
    canvas.height = height
    const context = canvas.getContext('2d')
    if (!context) return file
-    context.fillStyle = '#ffffff'
-    context.fillRect(0, 0, width, height)
+
+    // 仅在原图为 JPEG 且不支持透明度时才填充白底；PNG 与 WebP 必须保留透明通道
+    if (file.type === 'image/jpeg') {
+      context.fillStyle = '#ffffff'
+      context.fillRect(0, 0, width, height)
+    }
+
    context.drawImage(image, 0, 0, width, height)
    const blob = await canvasToBlob(canvas, 'image/webp', quality)
    if (!blob || blob.size >= file.size) return file