javascript - htmlcanvaselement - Canvas.toDataURL() devuelve una imagen parcialmente dañada

htmlcanvaselement todataurl()

Question

Tenemos una aplicación web que (muy intermitentemente) devuelve una URL de datos de imagen PNG parcialmente corrupta. La imagen tiene una gran sección negra que cubre parte de la imagen pero no toda. Estas imágenes son firmas de clientes.
Por ejemplo:

Estamos utilizando el componente de la plataforma de firma de esto . La URL de la imagen se devuelve utilizando la rutina getSignatureImage() .

Lo único que he visto en los registros de acceso parece mostrar las solicitudes afectadas procedentes de dispositivos "Samsung Galaxy Tab", pero con Chrome 59. Sin embargo, otras solicitudes de los mismos dispositivos funcionan bien.

Cualquier ayuda apreciada.

Answer 1

Creo que no es un problema de memoria. Cuando la imagen consume demasiada memoria, una imagen será simplemente negra (píxeles vacíos rgb (0,0,0) ). Intenta obtener blob del lienzo - canvas.toBlob (function (blob) {}). Probablemente su imagen no esté cargada o dibuje todavía. Intenta poner window.setTimeout en algún lugar antes de obtener los datos de la imagen (base64 o blob)

Answer 2

Ahora hemos confirmado que el problema depende del dispositivo.

Los usuarios finales afectados han cambiado de dispositivos Samsung Galaxy Tab 4 dispositivos Tab S2 . El problema ya no ocurre.

Parece haber sido una limitación de longitud de cadena en los dispositivos más antiguos.

¡Gracias por la ayuda!