Buenas, me detecta como ‘null’ el getContext(‘2d’). Alguna idea??

Enzo Ivan Valdez

Enzo Ivan Valdez

Pregunta
studenthace 5 años

Buenas, me detecta como ‘null’ el getContext(‘2d’). Alguna idea??

11 respuestas
para escribir tu comentario
    Daniel Alberto Santos Acuña

    Daniel Alberto Santos Acuña

    studenthace 3 años

    Revisa que el canvas estes escrito de la siguinete manera:

    <canvas width="300" height="300" id="area_de_dibujo"></canvas>

    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    studenthace 4 años

    Hola, Julian. 👋

    Tu JavaScript parece estar bien. Asegúrate de que el

    id
    del
    <canvas>
    sea el mismo que estás declarando en la variable
    cuadrito
    .

    Si sigue sin funcionar, comparte también tu HTML, por favor.

    Julian Suarez Estrada

    Julian Suarez Estrada

    studenthace 4 años

    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

    jonathan damian peña

    studenthace 4 años

    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

    Enzo Ivan Valdez

    studenthace 5 años

    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

    Gabriel Carreño

    studenthace 5 años

    me pasa lo mismo...

    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    studenthace 5 años

    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

    Enzo Ivan Valdez

    studenthace 5 años

    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

    OSCAR MARIO PEREZ RUIZ

    studenthace 5 años

    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

    Kevin J. Zea Alvarado

    studenthace 5 años

    Comparte tu HTML y tu JS.

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.