alphard/Comfyui-LayerForge
1
0
Fork 0
mirror of https://github.com/Azornes/Comfyui-LayerForge.git synced 2026-03-25 06:22:14 -03:00
Code Issues Packages Projects Releases Wiki Activity

Adjust text background height and padding in CanvasRenderer

Browse Source 
Refines the calculation of text background height and vertical padding for multi-line text rendering, ensuring more consistent spacing and alignment.
This commit is contained in:
Dariusz L
2025-06-28 19:56:13 +02:00
parent 7a52be5a79
commit f6a491e83b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/CanvasRenderer.js
View File

@@ -235,14 +235,14 @@ export class CanvasRenderer {
const textMetrics = lines.map(line => ctx.measureText(line)); const textMetrics = lines.map(line => ctx.measureText(line));
const textBgWidth = Math.max(...textMetrics.map(m => m.width)) + 10; const textBgWidth = Math.max(...textMetrics.map(m => m.width)) + 10;
const lineHeight = 18; const lineHeight = 18;
const textBgHeight = lines.length * lineHeight + (lines.length > 1 ? 5 : 0) + 10; const textBgHeight = lines.length * lineHeight + 4;
ctx.fillStyle = "rgba(0, 0, 0, 0.7)"; ctx.fillStyle = "rgba(0, 0, 0, 0.7)";
ctx.fillRect(screenX - textBgWidth / 2, screenY - textBgHeight / 2, textBgWidth, textBgHeight); ctx.fillRect(screenX - textBgWidth / 2, screenY - textBgHeight / 2, textBgWidth, textBgHeight);
ctx.fillStyle = "white"; ctx.fillStyle = "white";
lines.forEach((line, index) => { lines.forEach((line, index) => {
const yPos = screenY - (textBgHeight / 2) + (lineHeight / 2) + (index * lineHeight) + 5; const yPos = screenY - (textBgHeight / 2) + (lineHeight / 2) + (index * lineHeight) + 2;
ctx.fillText(line, screenX, yPos); ctx.fillText(line, screenX, yPos);
}); });