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

我只是试着在画布上画50，50的hello这个词，但是什么也没显示出来：

<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>

var ctx=document.getElementByID（“ctx”）.getContext（“2d”）；
//在x50 y50处绘制一些文本
ctx.fillText（'Hello'，50,50）；

---

谢谢你的建议。它是

getElementbyId

，带有小写的

D

更正代码：

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

---

如果你在谷歌Chrome上工作，并且开发工具（

F12

）已经启动并运行，这一点很容易被发现。这将返回一个

文档。getElementByID不是一个函数

错误

尝试预先设置字体和字体大小？例如，

ctx.font=“20px serif”