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。您的畫布編號是ctx而不是canvas。使用document.getElementById('ctx').