
Enzo Ivan Valdez
PreguntaBuenas, me detecta como ‘null’ el getContext(‘2d’). Alguna idea??

Daniel Alberto Santos Acuña
Revisa que el canvas estes escrito de la siguinete manera:
<canvas width="300" height="300" id="area_de_dibujo"></canvas>

Kevin J. Zea Alvarado
Hola, Julian. 👋
Tu JavaScript parece estar bien. Asegúrate de que el
id
<canvas>
cuadrito
Si sigue sin funcionar, comparte también tu HTML, por favor.

Julian Suarez Estrada
tampoco me da, este es al código. me sale el mismo error
var teclas = { UP: 38, DOWN: 40, LEFT: 37, RIGHT:39 }; console.log(teclas); document.addEventListener("keyup", dibujarTeclado); var cuadrito = document.getElementById("area_de_dibujo"); var papel= cuadrito.getContext("2d"); dibujarLinea("red", 100, 100, 200, 200, papel); function dibujarLinea(color, xinicial, yinicial, xfinal, yfinal, lienzo) { lienzo.beginPath(); lienzo.strokeStyle = color; lienzo.moveTo(xinicial, yinicial); lienzo.lineTo(xfinal, yfinal); lienzo.stroke(); lienzo.closePath(); } function dibujarTeclado(evento) { switch (evento.keyCode) { case teclas.UP: console.log("vamos arriba"); break; case teclas.DOWN: console.log("vamos abajo"); break; case teclas.LEFT: console.log("vamos izquierda"); break; case teclas.RIGHT: console.log("vamos derecha"); break; default: } }

jonathan damian peña
hola, a mi me paso lo mismo y el error fue colocar la etiqueta <sript src> dentro de el head y no de el body ya que el editor que ocupo VS por defecto la incorpora en el head.

Enzo Ivan Valdez
Buscá si la etiqueta de ID que colocaste es la misma que colocaste en el CSS. Mi error fue haber colocado una clase en HTML y llamarla desde mi CSS con un #ID.
Gabriel Carreño
me pasa lo mismo...

Kevin J. Zea Alvarado
No es molestia, Ivan. Estamos para apoyarte. Cualquier otra duda, sin problemas, compártela en la sección de Preguntas o en el Foro. ¡Mucho éxito con el resto del curso! 🙌

Enzo Ivan Valdez
Les agradezco, lo solucioné. Perdón por molestarlos, el error era un typo en el html en donde le di una class al area_de_dibujo y en realidad era un id

OSCAR MARIO PEREZ RUIZ
Verifique que la línea sea igual a esta por favor: var lienzo = d.getContext("2d"); Si no publique foto del html y js por favor

Kevin J. Zea Alvarado
Comparte tu HTML y tu JS.