Hola compañeros, no puedo dibujar la línea roja, comprobé la consola y me sale algo así como que no puede reconocer el contexto 2d, por l...

Andrés Juarez Leal

Andrés Juarez Leal

Pregunta
studenthace 4 años

Hola compañeros, no puedo dibujar la línea roja, comprobé la consola y me sale algo así como que no puede reconocer el contexto 2d, por lo pronto no he podido solucionar el error, paso los screenshots del código y del error por si alguien podría ayudarme:

Error codigo canvas.PNG Error consola canvas.PNG

6 respuestas
para escribir tu comentario
    JESUS DANIEL LUJANO JIMENEZ

    JESUS DANIEL LUJANO JIMENEZ

    studenthace 4 años

    hahaahah ya lo solucione tenia mal escrito algo en mi código gracias por la orientación @RetaxMaster gracias a ti supe en que buscar y corregir thank you :)

    JESUS DANIEL LUJANO JIMENEZ

    JESUS DANIEL LUJANO JIMENEZ

    studenthace 4 años

    Tengo el mismo problema y ya hice lo que dice @RetaxMaster revise el codigo y el HTML Y esta igual al de FREDDY no se por que me sigue apareciendo ese error ayuda :c

    Andrés Juarez Leal

    Andrés Juarez Leal

    studenthace 4 años

    Okey comprendí, intentaré acordarme siempre para que no pasé otra vez, gracias y buen día :).

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 años

    Sí, esto es porque la página se lee de arriba hacia abajo, si tú colocas primero la etiqueta script y después la etiqueta canvas, lo que sucederá es que tu script buscará al canvas... ¡Pero aún no existe porque todavía no ha sido leída! Entonces nunca la encontrará y como no la encontró te dará

    null
    como resultado dentro de tu variable, y al aplicarle la propiedad
    getContext
    a una variable que es
    null
    te dirá

    "No puedo leer la propiedad

    getContext
    de
    null
    !!!"

    Si colocas tu etiqueta script debajo del canvas, primero se leerá el canvas y luego leerá el script, como en este punto e canvas ya fue leído, entonces sí la va a encontrar y todo funcionará correctamente 👀

    Por eso por buenas prácticas siempre se ponen los scripts antes de la etiqueta de cierre del body ☝🤓

    Andrés Juarez Leal

    Andrés Juarez Leal

    studenthace 4 años

    ¡Muchas gracias! Por fin pude arreglarlo, comprobando mi html me di cuenta de que había escrito el script antes que la etiqueta canvas(no se por qué) cuando me fijé que Freddy lo puso por debajo de canvas, probé lo mismo y me apareció la línea roja tal cual como en la clase.

    Y ahora me surgió otra pregunta xD, entonces, ¿cada vez que coloquemos un script en html, siempre ha de estar debajo de las etiquetas tipo canvas o similar para que funcione correctamente?

    Un saludo y de nuevo muchas gracias :D

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 años

    Te dice que no puede obtener el contexto de

    null
    , eso es porque el contexto sollo se puede obtener de etiquetas
    canvas
    , si te sale ese error es porque por alguna razón dentro de tu variable
    cuadrito
    no hay una etiqueta canvas, de hecho, te está diciendo que lo que hay dentro de tu variable es
    null
    , te dice "Cannot read property ... of null" es decir "No se puede leer la propiedad ... de null", entonces te toca ver por qué tu variable
    cuadrito
    contiene
    null
    en lugar de contener tu etiqueta
    canvas
    , usualmente esto suele ser porque tienesmal escrito el id en el HTML, revísalo 👀

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.