Signature_pad: La imagen se guarda con un fondo transparente negro

Creado en 3 may. 2016 · 4Comentarios · Fuente: szimek/signature_pad

Configuré las propiedades para el panel de firmas de la siguiente manera:

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

Estoy configurando el color de fondo como blanco, pero cuando lo guarde y luego lo volví a cargar, se mostraba con un fondo negro, intenté guardarlo como PNG y JPEG, pero con el primero el fondo es transparente y el otro me sale un fondo negro. ¿Estoy implementando algo mal? Si necesita más código, con gusto cumpliré.

Fuente

auam88

Comentario más útil

Después de hacer algunas pruebas por mi cuenta, comencé a verificar ejemplos que usaban un color de fondo, afortunadamente, la demostración Dibujo sobre una imagen que proporcionó el autor me mostró la otra forma de instanciar el SignaturePad:

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

Cuando el color de fondo se estableció de esta manera, persistió en todas mis imágenes JPEG que dibujé. Si alguien tiene este tipo de problema, recomiendo pasar los parámetros así en lugar de configurarlos después.

auam88 en 5 may. 2016

👍4

Todos 4 comentarios

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

auam88 en 5 may. 2016

👍4

El error real es: backgroundColor: 'rgb(255,255,255)' o backgroundColor: 'rgba(255,255,255,0)'
no funcionará y generará un fondo negro.
En su lugar, usar: backgroundColor: '#ffffff' funcionará.