La API de OffscreenCanvas permite trabajar con un canvas en JavaScript sin tener que usar un elemento <canvas>
HTML.
Hoy te voy a enseñar cómo convertir ese OffscreenCanvas a una imagen codificada en base64, ya que este OffscreenCanvas no permite usar toDataURL
.
Como lo mencioné anteriormente, esta API no ofrece exportación directa como base64, pero sí ofrece la función asíncrona llamada convertToBlob
que devolverá los bytes de ese canvas.
Una vez que tengamos el BLOB representando al canvas podemos usar FileReader para convertirlo a base64. El código queda como se ve a continuación:
const blob = await canvasFueraDePantalla.convertToBlob();
const reader = new FileReader();
reader.onloadend = () => {
// Aquí accedemos a reader.result
}
reader.onerror = () => { }
reader.readAsDataURL(blob);
Obtenemos el BLOB con convertToBlob
, creamos un FileReader
y leemos el blob como DataURL usando readAsDataURL
. Cuando el reader termine, invocará a onloadend
y podremos acceder a reader.result
para obtener el OffscreenCanvas codificado en base64.
Hoy te voy a enseñar una aplicación web (programada con JavaScript en el lado del…
En este artículo te voy a enseñar una técnica para mejorar la calidad de las…
En este post voy a describir las novedades de mi plugin HTTP a ESC POS.…
En el ejercicio de programación de hoy vamos a trabajar con ANSI C para leer…
Hoy te quiero compartir una herramienta en línea para generar números aleatorios directamente en el…
Comprimir un PDF con Telegram es posible gracias a los Bots. Anteriormente en mi blog…
Esta web usa cookies.