Move pet card actions into menu and use circular brand logos

2026-10-05 11:38:15 +08:00
parent cb4ffa13e9
commit b1439b0fe5
12 changed files with 69 additions and 29 deletions
@@ -70,7 +70,17 @@ async function renderCard(canvas, pet) {
  round(ctx, 20, 20, 1160, 720, 34);
  ctx.stroke();
  const logo = await image(canvas, "/assets/logo-corgi-v2.png");
+  ctx.save();
+  ctx.beginPath();
+  ctx.arc(89, 87, 35, 0, Math.PI * 2);
+  ctx.clip();
  ctx.drawImage(logo, 54, 52, 70, 70);
+  ctx.restore();
+  ctx.strokeStyle = "#fffaf4";
+  ctx.lineWidth = 5;
+  ctx.beginPath();
+  ctx.arc(89, 87, 35, 0, Math.PI * 2);
+  ctx.stroke();
  text(ctx, "肉垫计划", 140, 82, 27, "#795a4b", 220, true);
  text(ctx, "PAWPRINT ID", 140, 113, 18, "#a48d7e", 220);
  text(ctx, "毛孩身份卡", 842, 103, 38, "#604a40", 300, true);