Agregue la funcion de borrado - Hector

This commit is contained in:
Hector 2025-02-16 18:52:15 -06:00
parent fca6c9a0cf
commit b17d5ce2f4
1 changed files with 10 additions and 1 deletions

View File

@ -31,8 +31,11 @@
<option value="&">&</option>
<option value="%">%</option>
</select>
<button id="botonLimpiar">Limpiar</button>
<input type="color" value="#000000" id="colorPicker">
<canvas id="lienzoCuadriculado" width="500" height="500"></canvas>
<canvas id="lienzoCuadriculado" width="500" height="500">
Tu navegador no admite el elemento &lt;canvas&gt;.
</canvas>
<script>
const colorPicker = document.getElementById("colorPicker");
const lienzo = document.getElementById("lienzoCuadriculado");
@ -87,6 +90,12 @@
caracteresEnPosiciones.set(posicionClave, { ascii, color });
}
}
botonLimpiar.addEventListener("click", () => {
contexto.clearRect(0, 0, lienzo.width, lienzo.height);
caracteresEnPosiciones.clear();
dibujarCuadricula();
});
lienzo.addEventListener("mousedown", (evento) => {
dibujando = true;