bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
张成
2026-03-09 16:15:06 +08:00
parent 47c19f0fa5
commit 636e218a63
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/utils/genPoster.ts
View File

@@ -7,6 +7,12 @@ const dateIcon = `${OSS_BASE}/front/ball/images/1b49476e-0eda-42ff-b08c-002ce510
const mapIcon = `${OSS_BASE}/front/ball/images/06b994fa-9227-4708-8555-8a07af8d0c3b.jpg`;
const logoText = `${OSS_BASE}/system/youchang_tip_text.png`;
/** 给图片 URL 加随机参数，避免同一链接二次加载不触发 onload */
function with_cache_bust(url: string): string {
const sep = url.includes('?') ? '&' : '?';
return `${url}${sep}_t=${Date.now()}_${Math.random().toString(36).slice(2)}`;
}
export function base64ToTempFilePath(base64Data: string): Promise<string> {
return new Promise((resolve, reject) => {
const fsm = Taro.getFileSystemManager();
@@ -332,7 +338,7 @@ export async function generatePosterImage(data: any): Promise<string> {
roundRectGradient(ctx, 0, 0, width, height, 24, "#BFFFEF", "#F2FFFC");
console.log('bgUrl', bgUrl)
const bgImg = await loadImage(canvas, bgUrl, 'bgUrl');
const bgImg = await loadImage(canvas, with_cache_bust(bgUrl), 'bgUrl');
ctx.drawImage(bgImg, 0, 0, width, height);
console.log('bgUrlend',)
@@ -341,7 +347,7 @@ export async function generatePosterImage(data: any): Promise<string> {
// 顶部图片
const mainImg = await loadImage(canvas, data.mainCoursal, 'mainCoursal');
const mainImg = await loadImage(canvas, with_cache_bust(data.mainCoursal), 'mainCoursal');
console.log('mainCoursal', data.mainCoursal)
await drawRotateCoverImage(
ctx,
@@ -375,7 +381,7 @@ export async function generatePosterImage(data: any): Promise<string> {
left = 20;
// 用户头像
const avatarImg = await loadImage(canvas, data.avatarUrl, 'avatar');
const avatarImg = await loadImage(canvas, with_cache_bust(data.avatarUrl), 'avatar');
ctx.save();
ctx.beginPath();
ctx.arc(left + 30, top + 30, 30, 0, Math.PI * 2);
@@ -396,7 +402,7 @@ export async function generatePosterImage(data: any): Promise<string> {
ctx.fillStyle = "#00B578";
ctx.fillText("球局", left, top);
const ringImg = await loadImage(canvas, ringUrl, 'ring');
const ringImg = await loadImage(canvas, with_cache_bust(ringUrl), 'ring');
ctx.drawImage(ringImg, left - 10, top - 30, 80, 36);
left = 20;
@@ -410,7 +416,7 @@ export async function generatePosterImage(data: any): Promise<string> {
top = r.top + 30;
left = 20;
const dateImg = await loadImage(canvas, dateIcon, 'date');
const dateImg = await loadImage(canvas, with_cache_bust(dateIcon), 'date');
console.log('dateIcon', dateIcon)
await drawCoverImage(
@@ -440,7 +446,7 @@ export async function generatePosterImage(data: any): Promise<string> {
top += 24;
const mapImg = await loadImage(canvas, mapIcon, 'map');
const mapImg = await loadImage(canvas, with_cache_bust(mapIcon), 'map');
await drawCoverImage(ctx, canvas, mapIcon, mapImg, left, top, 40, 40, 12);
left += 40 + 16;
@@ -454,7 +460,7 @@ export async function generatePosterImage(data: any): Promise<string> {
top = r.top + 60;
const logoWh = await getImageWh(logoText);
const logoTextImg = await loadImage(canvas, logoText, 'logo');
const logoTextImg = await loadImage(canvas, with_cache_bust(logoText), 'logo');
ctx.drawImage(
logoTextImg,
left,
@@ -464,7 +470,7 @@ export async function generatePosterImage(data: any): Promise<string> {
400 / (logoWh.width / logoWh.height)
);
const qrImg = await loadImage(canvas, data.qrCodeUrl, 'qrcode');
const qrImg = await loadImage(canvas, with_cache_bust(data.qrCodeUrl), 'qrcode');
// roundRectGradient(ctx, width - 12 - 150, height - 22 - 140, 140, 140, 20, "#fff", "#fff")
ctx.drawImage(qrImg, width - 22 - 100, height - 22 - 100 - 2, 100, 100);