JavaScript and HTML5 canvas (basic) issue

Question

I am trying to learn how to use a canvas and i cannot for the life of me figure out why this basic code wont work does anyone know what I am doing incorrect?

jsfiddle

<canvas id="ctx" width="500" height="500" style="border:1px solid #000000"></canvas>
 <script >

 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");

 ctx.fillText = ("hey", 50, 50);

 </script>

Elliot Bonneville · Accepted Answer · 2014-03-01 16:58:00Z

1

You are passing the wrong ID to getElementById. Your canvas id is ctx not canvas. Use document.getElementById('ctx').

edited Mar 1, 2014 at 16:58

Elliot Bonneville

53.6k24 gold badges101 silver badges125 bronze badges

answered Mar 1, 2014 at 16:55

Sam Parmenter

1,8412 gold badges11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript and HTML5 canvas (basic) issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related