JavaScript和HTML5画布（基本）问题

Question

我正在努力学习如何使用画布，我不能为我的生活弄清楚为什么这个基本代码不会工作有没有人知道我做错了什么？

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>

Answer 1

您将错误的ID传递给getElementById。您的画布ID为ctx而不是canvas。使用document.getElementById('ctx').