Signature_pad: L'image est enregistrée avec un fond noir transparent

Créé le 3 mai 2016 · 4Commentaires · Source: szimek/signature_pad

J'ai défini les propriétés du pavé de signature comme suit :

  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)";

Je règle la couleur d'arrière-plan sur blanc, mais lorsque je l'ai enregistré puis rechargé, il s'est affiché avec un arrière-plan noir, j'ai essayé de l'enregistrer au format PNG et JPEG, mais avec le premier, l'arrière-plan est transparent et l'autre j'obtiens un fond noir. Est-ce que j'implémente quelque chose de mal ? Si vous avez besoin de plus de code, je me ferai un plaisir de m'y conformer.

Source

auam88

Commentaire le plus utile

Après avoir fait mes propres tests, j'ai commencé à vérifier des exemples qui utilisaient une couleur d'arrière-plan. Heureusement, la démonstration de dessin sur une image fournie par l'auteur m'a montré l'autre façon d'instancier le SignaturePad :

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

Lorsque la couleur d'arrière-plan a été définie comme celle-ci, elle a persisté sur toutes mes images JPEG que j'ai dessinées. Si quelqu'un a ce genre de problème, je recommande de passer les paramètres comme celui-ci au lieu de les définir après.

auam88 le 5 mai 2016

👍4

Tous les 4 commentaires

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

auam88 le 5 mai 2016

👍4

Le vrai bug est : backgroundColor : 'rgb(255,255,255)' ou backgroundColor : 'rgba(255,255,255,0)'
ne fonctionnera pas et générera un fond noir.
Au lieu d'utiliser : backgroundColor : '#ffffff' fonctionnera.