update:新增个人训练重连机制,修复海报
This commit is contained in:
+32
-15
@@ -635,7 +635,7 @@ export function renderScores(ctx, arrows = [], bgImg) {
|
||||
);
|
||||
} else {
|
||||
ctx.drawImage(
|
||||
"../static/score-bg.png",
|
||||
"/static/score-bg.png",
|
||||
16 + (i % 9) * 30,
|
||||
290 + Math.ceil((i + 1) / 9) * 30,
|
||||
27,
|
||||
@@ -657,7 +657,7 @@ export function renderScores(ctx, arrows = [], bgImg) {
|
||||
ctx.drawImage(bgImg, 24 + rowIndex * 42, i > 5 ? 362 : 320, 38, 38);
|
||||
} else {
|
||||
ctx.drawImage(
|
||||
"../static/score-bg.png",
|
||||
"/static/score-bg.png",
|
||||
24 + rowIndex * 42,
|
||||
i > 5 ? 362 : 320,
|
||||
38,
|
||||
@@ -706,22 +706,39 @@ export async function sharePractiseData(canvasId, type, user, data) {
|
||||
);
|
||||
const bgImg = await loadCanvasImage(canvas, bgImgSrc);
|
||||
|
||||
const avatarImgPromise = loadImage(user.avatar).then((path) =>
|
||||
loadCanvasImage(canvas, path)
|
||||
);
|
||||
const lvlImgPromise = loadImage(user.lvlImage).then((path) =>
|
||||
loadCanvasImage(canvas, path)
|
||||
);
|
||||
// 头像与段位框属于装饰图片,缺失时使用兜底或跳过,避免阻断分享。
|
||||
const loadProfileImage = async (src, fallbackSrc = "", label = "") => {
|
||||
const normalizedSrc =
|
||||
typeof src === "string" && src.startsWith("../static/")
|
||||
? src.slice(2)
|
||||
: src;
|
||||
if (normalizedSrc) {
|
||||
try {
|
||||
const path = await loadImage(normalizedSrc);
|
||||
return await loadCanvasImage(canvas, path);
|
||||
} catch (error) {
|
||||
console.warn(`share ${label} image load failed`, error);
|
||||
}
|
||||
}
|
||||
return fallbackSrc ? loadCanvasImage(canvas, fallbackSrc) : null;
|
||||
};
|
||||
|
||||
let titleImageSrc = "../static/first-try-title.png";
|
||||
const avatarImgPromise = loadProfileImage(
|
||||
user?.avatar,
|
||||
"/static/user-icon.png",
|
||||
"avatar"
|
||||
);
|
||||
const lvlImgPromise = loadProfileImage(user?.lvlImage, "", "level");
|
||||
|
||||
let titleImageSrc = "/static/first-try-title.png";
|
||||
if (type == 2) {
|
||||
titleImageSrc = "../static/practise-one-title.png";
|
||||
titleImageSrc = "/static/practise-one-title.png";
|
||||
} else if (type == 3) {
|
||||
titleImageSrc = "../static/practise-two-title.png";
|
||||
titleImageSrc = "/static/practise-two-title.png";
|
||||
}
|
||||
const titleImgPromise = loadCanvasImage(canvas, titleImageSrc);
|
||||
const scoreBgImgPromise = loadCanvasImage(canvas, "../static/score-bg.png");
|
||||
const qrCodeImgPromise = loadCanvasImage(canvas, "../static/qr-code.png");
|
||||
const scoreBgImgPromise = loadCanvasImage(canvas, "/static/score-bg.png");
|
||||
const qrCodeImgPromise = loadCanvasImage(canvas, "/static/qr-code.png");
|
||||
|
||||
const [avatarImg, lvlImg, titleImg, scoreBgImg, qrCodeImg] =
|
||||
await Promise.all([
|
||||
@@ -738,8 +755,8 @@ export async function sharePractiseData(canvasId, type, user, data) {
|
||||
|
||||
ctx.drawImage(bgImg, 0, 0, width, height);
|
||||
|
||||
drawRoundImage(ctx, avatarImg, 17, 20, 32, 32, 20);
|
||||
ctx.drawImage(lvlImg, 12, 15, 42, 42);
|
||||
if (avatarImg) drawRoundImage(ctx, avatarImg, 17, 20, 32, 32, 20);
|
||||
if (lvlImg) ctx.drawImage(lvlImg, 12, 15, 42, 42);
|
||||
|
||||
renderText(ctx, user.nickName, 13, "#fff", 58, 34);
|
||||
renderRankTitle(ctx, user.lvlName);
|
||||
|
||||
Reference in New Issue
Block a user