Signature_pad: Das Bild wird mit einem schwarzen transparenten Hintergrund gespeichert

Erstellt am 3. Mai 2016 · 4Kommentare · Quelle: szimek/signature_pad

Die Eigenschaften für das Unterschriftenpad stelle ich wie folgt ein:

  signaturePad = new SignaturePad(canvasPad);
  signaturePad.minWidth = 1;
  signaturePad.maxWidth = 1.5;
  signaturePad.dotSize = 3;
  signaturePad.backgroundColor = "rgb(255, 255, 255)";
  signaturePad.penColor = "rgb(66, 133, 244)";

Ich stelle die Hintergrundfarbe auf Weiß ein, aber als ich sie gespeichert und dann neu geladen habe, wurde sie mit einem schwarzen Hintergrund angezeigt. Ich habe versucht, sie als PNG und JPEG zu speichern, aber bei der ersten ist der Hintergrund transparent und bei der anderen bekomme ich eine schwarzer Hintergrund. Implementiere ich etwas falsch? Wenn Sie mehr Code benötigen, werde ich gerne nachkommen.

Quelle

auam88

Hilfreichster Kommentar

Nachdem ich selbst einige Tests durchgeführt hatte, fing ich an, Beispiele zu überprüfen, die eine Hintergrundfarbe verwendeten, zum Glück zeigte mir die Drawing over a image-Demo, die der Autor zur Verfügung stellte, den anderen Weg, um das SignaturePad zu instanziieren:

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

Wenn die Hintergrundfarbe auf diese Weise eingestellt wurde, blieb sie auf allen meinen JPEG-Bildern bestehen, die ich gezeichnet habe. Wenn jemand diese Art von Problem hat, empfehle ich, die Parameter so zu übergeben, anstatt sie danach einzustellen.

auam88 am 5. Mai 2016

👍4

Alle 4 Kommentare

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

auam88 am 5. Mai 2016

👍4

Der eigentliche Fehler ist: backgroundColor: 'rgb(255,255,255)' oder backgroundColor: 'rgba(255,255,255,0)'
funktioniert nicht und erzeugt einen schwarzen Hintergrund.
Verwenden Sie stattdessen: backgroundColor: '#ffffff' wird funktionieren.

badpenguin am 19. Sept. 2019

🚀1 🎉1 👍1

@badpenguin das funktioniert bei mir auch nicht

M1sterPl0w am 12. Mai 2020

Ich fand, dass das Löschen der Leinwand nach dem Ändern der Farbe funktioniert

fishondor am 21. Juni 2020

👍1

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen

Signature_pad: Das Bild wird mit einem schwarzen transparenten Hintergrund gespeichert

Hilfreichster Kommentar

Alle 4 Kommentare

Verwandte Themen