From b17d5ce2f487a792d7a2d5c98aa970c0bde3d4d9 Mon Sep 17 00:00:00 2001
From: Hector <zs22016103@estudiantes.uv.mx>
Date: Sun, 16 Feb 2025 18:52:15 -0600
Subject: [PATCH] Agregue la funcion de borrado - Hector
---
index.html | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 6db47b9..265dc2a 100644
--- a/index.html
+++ b/index.html
@@ -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 <canvas>.
+ </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;