Hola, cada vez que intento dibujar sobre un canvas me sale "Uncaught TypeError: Cannot read property 'getContext' of null at archivo.js",

Revisa que no tengas un error en el id del div y en el getElementById, lo que te dice es que no encuentra el div con el id que tienes, entonces es un objeto vacío o nulo y no tiene propiedades ni métodos.

A mi me sucedio porque deje el atom completar el canvas solo por lo cual quedo asi:

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

el atom le coloca ya el id, lo solucione borrando el id del canvas y dejando solo el id del dibujito de esta manera.

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

while(l < lineas){

yi= 10 * l;
xf= 10 * (l + 1);
dibujarLinea("black",0,yi,xf,300);
console.log("Linea "+ l);
l = l + 2;

}

se supone que con esto me debería diburar las lineas hasta que llegue a 30... pero no lo hace, alguien sabe porqué sucede?

He intentado todas las sugerencias del post pero me sigue apareciendo el error, no se que está mal. Dejo los dos codigos a ver quien me puede ayudar.

gracias solo ubiquen el script al final del body del archivo html

estoy en la clase dibujar en canvas con la flechas del teclado, haciendo la prueba de la linea roja

dibujarLinea("red", 100, 100, 200, 200, papel); guardo el .html y .js recargo la pagina del navegador y no sucede nada, no muestra error en la consola ni nada y ya tengo rato dándole tecla a cosa haciendo pruebas y no sale la linea que podrá ser?

Alguien por favor me puede ayudar no encuentro ningún error

var d = document.getElementById("dibujito"); var lienzo d.getContext("2d");

@jhonrosales comparte tu código para poder ayudarte.

tuve el mismo problema en el html tenia la linea de codigo script sobre la linea de canvas y solocionado