Lo que estoy haciendo actualmente es agregar un lienzo HTML a mi cuerpo HTML, dibujar una imagen base64 en él y luego llamar a la función toDataUrl() para recuperar el código base64 del lienzo (código desarrollado en TypeScript):
// draw base64 image on a canvas via an Image const canvas = document.createElement('canvas'); document.body.appendChild(canvas); const ctx = canvas!.getContext('2d'); const image = new Image(); image.src = base64data; // load image and retrieve base64 code from canvas image.onload = function () { ctx!.drawImage(image, -image.width / 2, -image.height / 2); canvas!.toDataURL('image/' + imageType, 1) document.body.removeChild(canvas); };El problema aquí es que la función toDataURL() genera un código base64 diferente en Firefox que en Chrome. ¿Tengo que cambiar algo? Para mí es muy importante que se produzca el mismo código base64 en todos los navegadores.