koishi-plugin-vsinger-gacha 1.5.1 → 1.5.3

package/lib/handbook.js

@@ -209,7 +209,9 @@ async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDi
     const W = PAD * 2 + part.length * COLW + (part.length - 1) * GAP * 2;
     // 头部高度随图标自适应（避免标题压到第一个系列条）
     const _R = Math.max(26, Math.min(72, Math.round(W * 0.017)));
-    const HEADY = Math.max(HEAD, 34 + _R * 2 + 40);
+    const _BW = Math.max(150, Math.min(400, Math.round(W * 0.13)));
+    const _BH = Math.round(_BW * 0.5);
+    const HEADY = Math.max(HEAD, 34 + Math.max(_R * 2, _BH) + 40);
     const H = HEADY + Math.max(...part.map((c) => c.reduce((a, b) => a + b.h, 0))) + 70;
     const canvas = Canvas.createCanvas(W, H);
     const g = canvas.getContext('2d');

package/lib/render/kit.js

@@ -75,21 +75,36 @@ function header(g, o) {
   const y = o.y;
   const W = o.W;
 
-  // 圆形图标（按画布宽度自适应，图鉴这种大图不至于看着小）
-  const R = Math.max(26, Math.min(64, Math.round(W * 0.015)));
+  // 圆形图标：圆保持适中，音符用矢量画满圆内（避免字体 ♪ 上标很小）
+  const R = Math.max(24, Math.min(40, Math.round(W * 0.011)));
   const cx = x + R;
-  const cy = y + R + 2;
+  const cy = y + R;
   g.save();
   g.beginPath();
   g.arc(cx, cy, R, 0, Math.PI * 2);
   g.fillStyle = COLOR.accent;
   g.fill();
-  g.fillStyle = '#fff';
-  g.font = `bold ${Math.round(R * 1.15)}px ${FONT}`;
-  g.textAlign = 'center';
-  g.textBaseline = 'middle';
-  g.fillText('♪', cx, cy + Math.round(R * 0.04));
-  g.textAlign = 'left';
+
+  // 音符：椭圆头 + 竖杆 + 旗
+  const k = R * 0.52;                    // 音符整体缩放
+  const hx = cx - k * 0.34;              // 符头中心
+  const hy = cy + k * 0.52;
+  g.fillStyle = '#ffffff';
+  g.beginPath();
+  g.ellipse(hx, hy, k * 0.42, k * 0.32, -0.35, 0, Math.PI * 2);
+  g.fill();
+
+  // 竖杆
+  const sx = hx + k * 0.36;
+  g.fillRect(sx - k * 0.07, cy - k * 0.62, k * 0.14, hy - (cy - k * 0.62));
+
+  // 旗
+  g.beginPath();
+  g.moveTo(sx, cy - k * 0.62);
+  g.quadraticCurveTo(sx + k * 0.62, cy - k * 0.48, sx + k * 0.46, cy - k * 0.10);
+  g.quadraticCurveTo(sx + k * 0.52, cy - k * 0.40, sx, cy - k * 0.34);
+  g.closePath();
+  g.fill();
   g.restore();
 
   g.textBaseline = 'top';
@@ -106,26 +121,27 @@ function header(g, o) {
     g.fillText(o.subtitle, x + R * 2 + 18, y + Math.max(40, R * 2 - 8));
   }
 
-  // 右侧徽章
+  // 右侧徽章（按画布宽度自适应）
   if (o.badge != null) {
-    const bw = 118;
-    const bh = 58;
+    const bw = Math.max(150, Math.min(400, Math.round(W * 0.13)));
+    const bh = Math.round(bw * 0.5);
     const bx = x + W - bw;
     panel(g, bx, y - 4, bw, bh, { radius: RADIUS.md, fill: 'rgba(255,255,255,0.95)' });
     g.fillStyle = COLOR.accent;
-    g.font = `bold 26px ${FONT}`;
-    g.fillText(String(o.badge), bx + 14, y + 6);
+    g.font = `bold ${Math.round(bh * 0.46)}px ${FONT}`;
+    g.fillText(String(o.badge), bx + bw * 0.1, y + bh * 0.06);
     g.fillStyle = COLOR.textSub;
-    g.font = `12px ${FONT}`;
-    g.fillText(String(o.badgeSub || ''), bx + 14, y + 36);
+    g.font = `${Math.round(bh * 0.2)}px ${FONT}`;
+    g.fillText(String(o.badgeSub || ''), bx + bw * 0.1, y + bh * 0.6);
     // 进度条
     const pct = Math.max(0, Math.min(1, Number(o.progress || 0)));
+    const pbH = Math.max(5, Math.round(bh * 0.08));
     g.fillStyle = 'rgba(74,144,217,0.15)';
-    roundRect(g, bx + 10, y + bh - 6, bw - 20, 5, 3);
+    roundRect(g, bx + bw * 0.08, y + bh - pbH - 8, bw * 0.84, pbH, pbH / 2);
     g.fill();
     if (pct > 0) {
       g.fillStyle = COLOR.accent;
-      roundRect(g, bx + 10, y + bh - 6, Math.max(4, (bw - 20) * pct), 5, 3);
+      roundRect(g, bx + bw * 0.08, y + bh - pbH - 8, Math.max(6, bw * 0.84 * pct), pbH, pbH / 2);
       g.fill();
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koishi-plugin-vsinger-gacha",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "VSinger 收藏集抽卡 / 签到积分 / 图鉴（Koishi 插件，一次性安装）",
   "main": "lib/index.js",
   "files": [