Signature_pad: FromDataURL reduciendo el tamaño de la imagen

Creado en 15 may. 2015 · 7Comentarios · Fuente: szimek/signature_pad

Hola,

Si guardo una firma en una base de datos usando la función toDataURL() y luego vuelvo a cargar esa cadena en el lienzo usando la función fromDataURL(), la imagen resultante aparece en el lienzo pero es notablemente más pequeña que la imagen original.

Para probar, dibuje en el lienzo a lo largo de los 4 bordes. Guardar y luego recargar. Verá que los lados derecho e inferior de la imagen ahora tienen espacio entre la imagen y el borde porque la imagen se hizo un poco más pequeña.

Dado que vuelvo a guardar las imágenes una y otra vez por una buena razón, ¡siguen encogiéndose con cada guardado!

¡Ayudar!

Fuente

rmmackay

Comentario más útil

Para hacer el mismo tamaño de imagen, puede agregar opciones
signaturePad.fromDataURL(data, {width: 100, height: 100})
ancho, la altura debe ser la misma que el tamaño del lienzo
Más detalles:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

demo-igor en 26 mar. 2018

👍4 🎉3

Todos 7 comentarios

Hmm, esto sucede solo en Retina Display, lo acabo de reproducir. Debes lidiar con eso tú mismo de alguna manera, el creador ya dijo varias veces que la biblioteca no debería encargarse de esto.