Fix broadcast overlay scaling

This commit is contained in:
b0txec
2026-08-20 09:52:58 +03:00
parent ffcf3a2595
commit e36ddbe9ad
5 changed files with 24 additions and 12 deletions
+2 -2
View File
@@ -128,7 +128,7 @@ function drawTitleOverlay(ctx: CanvasRenderingContext2D, title: string, source:
ctx.textBaseline = "middle";
ctx.font = `bold ${30 * scale}px Monda`;
const titleText = title.trim().toUpperCase();
const titleWidth = Math.max(360 * scale, ctx.measureText(titleText).width + horizontalPadding * 2);
const titleWidth = ctx.measureText(titleText).width + horizontalPadding * 2;
const titleX = canvasWidth - right - titleWidth;
ctx.fillStyle = "#9b0008";
@@ -139,7 +139,7 @@ function drawTitleOverlay(ctx: CanvasRenderingContext2D, title: string, source:
if (source.trim()) {
ctx.font = `bold ${19 * scale}px Monda`;
const sourceText = source.trim().toUpperCase();
const sourceWidth = Math.max(130 * scale, ctx.measureText(sourceText).width + horizontalPadding * 2);
const sourceWidth = ctx.measureText(sourceText).width + horizontalPadding * 2;
const sourceX = canvasWidth - right - sourceWidth;
ctx.fillStyle = "#FFFFFF";
ctx.fillRect(sourceX, top + titleHeight, sourceWidth, sourceHeight);