未捕获的类型错误：对象 #<HTMLDivElement> 没有方法“getContext”答案

【问题标题】：Uncaught TypeError: Object #<HTMLDivElement> has no method 'getContext'未捕获的类型错误：对象 #<HTMLDivElement> 没有方法“getContext”
【发布时间】：2013-03-29 17:59:49
【问题描述】：

好的，所以我得到了这个 JS 代码，它抛出了错误：Uncaught TypeError: Object # has no method 'getContext'

代码如下：

function update(){
    var ctx = $("#canvas")[0].getContext('2d');

    ctx.fillStyle = "#A68064";
    ctx.fillRect(0,0,900, 450);
}

$(document).ready(function() {
    $("#canvas").width(900);
    $("#canvas").height(450);
    update();
    setInterval(update, 100);
});

这是一个 JSFiddle：http://jsfiddle.net/LDUjA/

谁能告诉我如何正确获取画布元素的上下文？这种方式以前可以使用，我在 Chrome 上，并且知道它支持画布。

【问题讨论】：

This way use to work before 我不知道怎么做。 getContext() 是 canvas 元素上的一个方法。检查链接文档中的The rendering context 部分。

标签： javascript html canvas html5-canvas

【解决方案1】：

您需要使用画布元素。您正在尝试仅在 div 上调用 .getContext。

将 HTML 更改为：

<body>
    <canvas id="canvas"></canvas>
</body>

【讨论】：

【解决方案2】：

无论是 Kinakuta 所说的，还是您在页面完全加载之前调用 getContext。

【讨论】：