kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

gfd

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-16 21:30:29 +02:00
parent 286b6beaf8
commit e416575419
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/s/css/meme-creator.css
View File

@@ -1,6 +1,13 @@
@font-face { @font-face {
font-family: 'Impact'; font-family: 'Impact';
src: url('/s/fonts/impact.woff') format('woff'); src: url('/s/fonts/impact.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'Impact';
src: url('/s/fonts/impact.woff') format('woff');
font-weight: bold;
} }
/* Meme Creator Styles */ /* Meme Creator Styles */

8
public/s/js/meme-creator.js
View File

@@ -260,7 +260,7 @@
let displayStr = layer.text.toUpperCase(); let displayStr = layer.text.toUpperCase();
const lines = wrapText(ctx, displayStr, canvas.width * 0.9); const lines = wrapText(ctx, displayStr, canvas.width * 0.9);
const h = lines.length * fontSize * 1.1; const h = lines.length * fontSize * 1.25;
const w = canvas.width * 0.9; const w = canvas.width * 0.9;
// Box for the dragged/hovered layer (top-most layer gets preference) // Box for the dragged/hovered layer (top-most layer gets preference)
@@ -274,7 +274,7 @@
} }
lines.forEach((line, i) => { lines.forEach((line, i) => {
const yOffset = i * (fontSize * 1.1); const yOffset = i * (fontSize * 1.25);
const renderX = Math.round(layer.x); const renderX = Math.round(layer.x);
const renderY = Math.round(layer.y + yOffset); const renderY = Math.round(layer.y + yOffset);
@@ -312,7 +312,7 @@
const lines = wrapText(ctx, layer.text.toUpperCase(), canvas.width * 0.9); const lines = wrapText(ctx, layer.text.toUpperCase(), canvas.width * 0.9);
ctx.restore(); ctx.restore();
const w = canvas.width * 0.95; const w = canvas.width * 0.95;
const h = lines.length * fontSize * 1.2; const h = lines.length * fontSize * 1.25;
return pt.x >= layer.x - w / 2 && pt.x <= layer.x + w / 2 && return pt.x >= layer.x - w / 2 && pt.x <= layer.x + w / 2 &&
pt.y >= layer.y - 20 && pt.y <= layer.y + h + 20; pt.y >= layer.y - 20 && pt.y <= layer.y + h + 20;
@@ -506,7 +506,7 @@
} }
const idFontSize = Math.max(18, Math.round(nameFontSize * 0.45)); const idFontSize = Math.max(18, Math.round(nameFontSize * 0.45));
const lineGap = Math.round(nameFontSize * 0.65); const lineGap = Math.round(nameFontSize * 1.25);
const nameY = Math.round(yPos - lineGap / 2); const nameY = Math.round(yPos - lineGap / 2);
const idY = Math.round(yPos + lineGap / 2) + 2; const idY = Math.round(yPos + lineGap / 2) + 2;