Nachdem Sie den Hintergrund in den Optionen auf #ffffff gesetzt haben, ist die Farbe meiner Leinwand weiß, es ist in Ordnung, aber der verbleibende Bereich außer dem Leinwandbild ist transparent. Wie kann ich diesen verbleibenden Bereich auch auf eine Farbe einstellen, z. B. eine weiße Farbe?
Sie können backgroundColor
auf null
, um es transparent zu machen, oder eine beliebige Farbe, um die Leinwand mit der Hintergrundfarbe zu rendern
Hier hat das Ändern der Option backgroundColor Auswirkungen, aber wenn Sie sie auf null ändern, wird ein schwarzer Hintergrund auf der Leinwand erstellt, während in meinem CSS kein schwarzer Hintergrund vorhanden ist.
Ich bekomme auch die Leinwand einen schwarzen Hintergrund rendern, wenn backgroundColor auf null gesetzt wird
html2canvas(canvasDom, {
allowTaint: true,
useCORS: true,
backgroundColor: "rgba(0,0,0,0)",
removeContainer: true,
x: 0,
y: 0,
width: 374,
height: 722
})
allowTaint: true
mit backgroundColor: "rgba(0,0,0,0)"
Das Problem wurde behoben
Ich glaube nicht, dass allowTaint
bei diesem Problem in irgendeiner Weise hilft. Für mich
backgroundColor: 'rgba(0, 0, 0, 0)',
removeContainer: true,
Einstellungen waren diejenigen, die benötigt wurden.
Hilfreichster Kommentar
html2canvas(canvasDom, { allowTaint: true, useCORS: true, backgroundColor: "rgba(0,0,0,0)", removeContainer: true, x: 0, y: 0, width: 374, height: 722 })