Repository navigation
ScoreIn v0.9.41
Fix: Social Media Template Rendering
html-to-image komplett durch reines Canvas-Rendering ersetzt.
Problem: html-to-image serialisiert den gesamten DOM (inkl. grosse Base64-Bilder) in ein SVG, konvertiert dieses in eine Data-URL und laedt es als new Image(). Bei grossen Hintergrundbildern kann diese SVG-Data-URL 10+ MB gross werden -- Electron/Chromium verweigert dann das Laden ({isTrusted:true} Error-Event).
Loesung: Direktes Canvas-2D-Rendering ohne Zwischenschritt:
- Hintergrundbild:
ctx.drawImage()mit Zoom/Position - Textfelder:
ctx.fillText()mit Zeilenumbruch und Ausrichtung - Bildfelder:
ctx.drawImage()mit cover/contain und border-radius clipping - Bilder werden via
fetch()→FileReader.readAsDataURL()vorgeladen - Kein SVG, kein html-to-image, keine Groessenlimits