fix: 分享卡片走兜底图优化

src/game_pages/detail/components/SharePopup/index.tsx

@@ -133,11 +133,8 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
     }
   }
 
-  useShareAppMessage(async (res) => {
+  useShareAppMessage(async () => {
-    await changeMessageType();
+    const url = shareImageUrl || (await generateShareImageUrl());
-    await ensureUserInfo();
-    const url = await generateShareImageUrl();
-    // console.log(res, "res");
     return {
       title: detail.title,
       imageUrl: url,

src/utils/share.ts

@@ -115,16 +115,25 @@ function with_cache_bust(url: string): string {
 // 工具函数 - OffscreenCanvas 下加载图片（使用 offscreen.createImage）
 const loadImage = (src: string): Promise<any> => {
     return new Promise((resolve, reject) => {
+        let timer: ReturnType<typeof setTimeout> | null = null
         try {
             const off = runtime.offscreen
             if (!off || typeof off.createImage !== 'function') {
                 throw new Error('OffscreenCanvas 未初始化或不支持 createImage')
             }
             const img = off.createImage()
-            img.onload = () => resolve(img)
+            timer = setTimeout(() => reject(new Error(`图片加载超时: ${src}`)), 8000)
-            img.onerror = reject
+            img.onload = () => {
+                if (timer) clearTimeout(timer)
+                resolve(img)
+            }
+            img.onerror = (e: any) => {
+                if (timer) clearTimeout(timer)
+                reject(e)
+            }
             img.src = with_cache_bust(src)
         } catch (e) {
+            if (timer) clearTimeout(timer)
             reject(e)
         }
     })
@@ -413,7 +422,7 @@ const drawShareCard = async (ctx: any, data: ShareCardData, offscreen: any): Pro
                 ctx.restore()
             } catch (error) {
                 // 如果头像加载失败，绘制默认头像
-                ctx.setFillStyle('#CCCCCC')
+                ctx.fillStyle = '#CCCCCC'
                 ctx.beginPath()
                 ctx.arc(avatarX + avatarSize / 2, avatarY + avatarSize / 2, avatarSize / 2, 0, 2 * Math.PI)
                 ctx.fill()
@@ -594,10 +603,12 @@ export async function generateShareImage(data: ShareCardData): Promise<string> {
     // 记录到 runtime（供 loadImage 使用）
     runtime.offscreen = offscreen
     isDrawing = true
-
+    try {
         const imagePath = await drawShareCard(ctx, data, offscreen)
-    isDrawing = false
         return imagePath
+    } finally {
+        isDrawing = false
+    }
 }
 
 export default generateShareImage