Skip to content

Instantly share code, notes, and snippets.

@parzibyte
Created Apr 26, 2019
Embed
What would you like to do?
const $canvas = document.querySelector("#canvas"),
$btnDescargar = document.querySelector("#btnDescargar");
// Lo siguiente dibuja en el canvas, no tiene que ver con el tutorial, solo es demostración
const contexto = $canvas.getContext("2d");
contexto.beginPath();
contexto.arc(95, 50, 40, 0, 2 * Math.PI);
contexto.stroke();
// Listener del botón
$btnDescargar.addEventListener("click", () => {
// Crear un elemento <a>
let enlace = document.createElement('a');
// El título
enlace.download = "Canvas como imagen.png";
// Convertir la imagen a Base64 y ponerlo en el enlace
enlace.href = canvas.toDataURL();
// Hacer click en él
enlace.click();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment