Ich versuche, HTML5-Leinwand in JavaScript in PDF zu konvertieren, aber ich bekomme eine schwarze Hintergrund-PDF. Ich habe versucht, die Hintergrundfarbe zu ändern, aber immer noch schwarz. Folgendes ist Code, den ich versuche:
%Vor%Wenn Sie eine Idee haben, würde ich es sehr schätzen.
Ein guter Ansatz ist die Kombination von jspdf.js und html2canvas. Ich habe ein Problem für dich gemacht.
%Vor%'
%Vor%jsfiddle: Ссылка
Eine sehr einfache Lösung ist, dass Sie das Bild als JPEG speichern. Speichern statt als png funktioniert gut für meine Anwendung. Bemerkenswert, Blizzard Antwort enthält auch die Druck als PNG, und erzeugt auch nicht-schwarze Füllung für transparente Ebenen in der Leinwand.
%Vor%statt
%Vor% Zunächst müssen Sie die gewünschte Hintergrundfarbe für canvas festlegen, bevor Sie data erhalten. Dann müssen Sie jpeg image auf canvas zeichnen.
Ich hatte das gleiche Problem, z.B. Das erste Mal, wenn ich ein PDF erstellen, ist das Leinwandbild in Ordnung, aber alle anderen kamen als nächstes schwarz heraus. Kein Bild!
Die Problemumgehung, die ich gefunden habe, ist wie folgt: Nach jedem Aufruf von pdf.addImage () zeichne ich das Bild im Canvas neu. Es funktioniert jetzt gut für mich.
BEARBEITEN: Wie gewünscht, hier ein paar weitere Details:
Nehmen wir an, ich habe eine Canvas-Zeichenfunktion wie diese (nur ein Beispiel, spielt keine Rolle):
%Vor%Ich musste meine Druckfunktion wie folgt reparieren:
%Vor%Ich gebe zu, ich habe nicht weiter geforscht, nur glücklich, dass das funktioniert.
Tags und Links javascript pdf html5 canvas jspdf