ctx.filltext没有显示任何内容？

Question

我只是想在画布上画50分50，但没有任何东西出现：

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

<script>

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

//Draw some text at x50 y50
ctx.fillText('Hello',50,50);

</script>

感谢您的建议

Answer 1

错字。它是getElementbyId，带有小写D

更正后的代码：

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

如果您在Google Chrome中工作并且启动并运行了开发人员工具（F12），则很容易发现这一点。这会返回document.getElementByID is not a function错误。