Skip to content

ScoreIn v0.9.41

Choose a tag to compare

@Askerion Askerion released this 02 Apr 13:52

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