lucas.orth/Skrift-Konfigurator-Neu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Schrift origineller machen 1

Browse Source
This commit is contained in:
s4luorth
2026-05-04 10:00:38 +02:00
parent 290969f848
commit 4c36a64a98
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
Docker Backend/src/lib/svg-font-engine.js
View File

@@ -173,6 +173,8 @@ function layoutTextToPaths({
for (const line of lines) { for (const line of lines) {
let x = startX; let x = startX;
let drift = 0;
const lineSlope = (Math.random() - 0.5) * 0.012; // ±2.4px über 400px Zeilenbreite
for (let i = 0; i < line.length; i++) { for (let i = 0; i < line.length; i++) {
const ch = line[i]; const ch = line[i];
@@ -182,19 +184,27 @@ function layoutTextToPaths({
// Leerzeichen mit festem Abstand // Leerzeichen mit festem Abstand
const spacePx = fontSizePx * 0.4; const spacePx = fontSizePx * 0.4;
x += spacePx; x += spacePx;
drift += (Math.random() - 0.5) * 0.3;
drift = Math.max(-3, Math.min(3, drift));
continue; continue;
} }
const d = glyph.d; const d = glyph.d;
const advPx = (glyph.adv || unitsPerEm * 0.5) * scale; const advPx = (glyph.adv || unitsPerEm * 0.5) * scale;
// Einfache Transform-Matrix ohne Rotation const yJitter = (Math.random() - 0.5) * 2.5;
const transform = `matrix(${scale},0,0,${-scale},${x},${baselineY})`; drift += (Math.random() - 0.5) * 0.4;
drift = Math.max(-3, Math.min(3, drift));
resultPaths.push({ const charY = baselineY + yJitter + drift + lineSlope * (x - startX);
d,
transform, const angleDeg = (Math.random() - 0.5) * 3;
}); const pivotX = x + advPx / 2;
const pivotY = charY - fontSizePx * 0.3;
const transform = `rotate(${angleDeg.toFixed(3)},${pivotX.toFixed(1)},${pivotY.toFixed(1)}) matrix(${scale},0,0,${-scale},${x},${charY})`;
resultPaths.push({ d, transform });
x += advPx; x += advPx;
} }