javascript - 无法获取 Canvas 的上下文

我想获取画布的上下文时遇到问题。
这是HTML代码：

<canvas id="thecanvas" width="600" height="300"></canvas>

和Javascript：

var canvaso = document.getElementById('thecanvas');
if (!canvaso) {
    alert('Error: Cannot find the canvas element!');
    return;
}
if (!canvaso.getContext) {
    alert('Error: Canvas context does not exist!');
    return;
}

“ canvaso”变量已正确加载，但在“ canvaso.getContext”上失败：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'getContext'

谢谢你的帮助。

最佳答案

您的浏览器不兼容HTML5。兼容的浏览器将返回Object #<HTMLCanvasElement> has no method 'getContext'（尽管getContext方法可以工作）

Works fine here，您确定您在同一页面上有一个画布的画布吗？

这有可能：您是否曾经在文档中的任何位置（最有可能在画布之后）定义ID为div的thecanvas？重复的IDS在语义上是不正确的，并且getElementById将返回该ID在DOM中的最后一次出现。