External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(meme-generator): add padding to prevent stroke clipping at text box edges

Browse Source
This commit is contained in:
SnapOtter
2026-05-08 18:27:46 +08:00
parent d807a6ef45
commit f58c45138a
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/api/src/lib/meme-text-renderer.ts
+10 -6
View File
@@ -210,16 +210,20 @@ export function renderMemeTextSvg(opts: MemeTextOptions): Buffer {
const bw = (box.width / 100) * imageWidth; const bw = (box.width / 100) * imageWidth;
const bh = (box.height / 100) * imageHeight; const bh = (box.height / 100) * imageHeight;
const fontSize = fixedFontSize ?? autoSizeFontToFit(text, fontFamily, bw, bh); const pad = Math.max(4, Math.round(bw * 0.02));
const innerW = bw - pad * 2;
const innerH = bh - pad * 2;
const fontSize = fixedFontSize ?? autoSizeFontToFit(text, fontFamily, innerW, innerH);
const lineHeight = fontSize * LINE_HEIGHT_FACTOR; const lineHeight = fontSize * LINE_HEIGHT_FACTOR;
const lines = wrapText(text, fontFamily, fontSize, bw); const lines = wrapText(text, fontFamily, fontSize, innerW);
const strokeWidth = Math.max(1, Math.round(fontSize * 0.04)); const strokeWidth = Math.max(1, Math.round(fontSize * 0.04));
const fillAttr = escapeXmlAttr(textColor); const fillAttr = escapeXmlAttr(textColor);
const strokeAttr = escapeXmlAttr(strokeColor); const strokeAttr = escapeXmlAttr(strokeColor);
const totalTextHeight = lines.length * lineHeight; const totalTextHeight = lines.length * lineHeight;
const yOffset = by + (bh - totalTextHeight) / 2 + fontSize * 0.85; const yOffset = by + pad + (innerH - totalTextHeight) / 2 + fontSize * 0.85;
const innerX = bx + pad;
for (let i = 0; i < lines.length; i++) { for (let i = 0; i < lines.length; i++) {
const line = lines[i]; const line = lines[i];
@@ -229,11 +233,11 @@ export function renderMemeTextSvg(opts: MemeTextOptions): Buffer {
let x: number; let x: number;
if (textAlign === "left") { if (textAlign === "left") {
x = bx; x = innerX;
} else if (textAlign === "right") { } else if (textAlign === "right") {
x = bx + bw - lineWidth; x = innerX + innerW - lineWidth;
} else { } else {
x = bx + (bw - lineWidth) / 2; x = innerX + (innerW - lineWidth) / 2;
} }
const y = yOffset + i * lineHeight; const y = yOffset + i * lineHeight;