I can’t get this to work??

Question

Whenever I try to use the canvas to draw a shape or something it never works.

I always do something like this...
var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(300, 100);
ctx.lineTo(100, 200);
ctx.stroke();

Please tell me how to set it up so that I can draw a line like a tried to above???

Answer 1

Try embedding your code in a window.onload function

Answer 2

window.onload normally is worse than window.addEventListener("DOMContentLoaded",function(){});

Answer 3

Ok

Answer 4

What do you mean @Brains by embedding?? Can you write it out for me

Answer 5

window.onload=function(){
//all your code is here
}

Answer 6

Ok

Answer 7

Draphar can you help me. Please show me how to animate on canvas