fix(rendering): Use totalW for studio rack scale label fonts
This commit is contained in:
1 parent
f3740e7015
commit
f83277d731
1 file changed
+3
-3
@@ -821,18 +821,18 @@ import {
|
||||
|
||||
// 2. Vintage Studio Scale Labels
|
||||
targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
|
||||
targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
|
||||
targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
|
||||
targetCtx.textAlign = 'left';
|
||||
targetCtx.fillText('PLAYBACK TIMELINE', startX + 14, chassisY + 14);
|
||||
|
||||
targetCtx.fillStyle = cfg.progressRingColor || '#ffaa22';
|
||||
targetCtx.font = `800 ${Math.round(meterW * 0.03)}px 'Orbitron', monospace`;
|
||||
targetCtx.font = `800 ${Math.max(10, Math.round(totalW * 0.025))}px 'Orbitron', monospace`;
|
||||
targetCtx.textAlign = 'center';
|
||||
const timeStr = `${formatTime(effCurrentTime)} / ${formatTime(effDuration)}`;
|
||||
targetCtx.fillText(timeStr, 0, chassisY + 14);
|
||||
|
||||
targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
|
||||
targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
|
||||
targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
|
||||
targetCtx.textAlign = 'right';
|
||||
targetCtx.fillText(`${Math.round(progress * 100)}%`, startX + totalW - 14, chassisY + 14);
|
||||
|
||||
|
||||
Reference in new issue
Block a user