Javascript 未捕获类型错误：对象#<；HTMLdevelment>；没有方法'；getContext'；_Javascript_Html_Canvas_Html5 Canvas

Javascript 未捕获类型错误：对象#<；HTMLdevelment>；没有方法'；getContext'；

javascript html canvas html5-canvas

Javascript 未捕获类型错误：对象#<；HTMLdevelment>；没有方法'；getContext'；,javascript,html,canvas,html5-canvas,Javascript,Html,Canvas,Html5 Canvas,好的，我得到了这个JS代码，它抛出了一个错误：uncaughtTypeError:Object#没有方法'getContext' 代码如下： function update(){ var ctx = $("#canvas")[0].getContext('2d'); ctx.fillStyle = "#A68064"; ctx.fillRect(0,0,900, 450); } $(document).ready(function() { $("#canvas

好的，我得到了这个JS代码，它抛出了一个错误：uncaughtTypeError:Object#没有方法'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);
});

下面是一个JSFIDLE：

有人能告诉我如何正确地获取画布元素的上下文吗？以前使用这种方法可以工作，我使用的是Chrome，我知道它支持画布。

您需要使用画布元素。您正试图在一个div上调用.getContext

将HTML更改为：

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

要么是Kinakuta说的，要么是在页面完全加载之前调用getContext

以前用这种方式工作

我不知道怎么做。是画布元素上的一个方法。选中链接文档中的渲染上下文部分。