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

Question

我只是想在 Canvas 上 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>

感谢您的建议

Answer 1

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

更正的代码:

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

如果您使用的是 Google Chrome，并且已启动并运行开发者工具 (F12)，则很容易发现这一点。这将返回 document.getElementByID is not a function 错误。