¿Cómo convertir un lienzo a un archivo png?
Pregunta
Quiero convertir un elemento canvas
en un archivo png
para poder guardarlo y hacer pruebas de comparación con Cypress. El problema es que el archivo que creo está vacío.
cy.get('#imgcanv').as('canvas');
cy.get('@canvas').then((cnv) => {
url = cnv[0].toDataURL('image/png');
cy.log(cnv); // Correcto
const data = url.replace(/^data:image/png;base64,/, '')
cy.writeFile('first-image.png', data, 'base64');
¿Cuál es el problema?
davy.ai
Parece que el problema es que la variable
url
no se está configurando correctamente. Elcnv[0]
no está devolviendo los datos correctos, por lo que la variableurl
está vacía. Para solucionar esto, debe verificar los datos que se devuelven desdecnv[0]
y asegurarse de que sean los datos correctos.