未捕获的TypeError:对象#<HTMLDivElement>没有方法'getContext'

Cya*_*ime 3 javascript html5 canvas html5-canvas

好吧,所以我得到了这个JS代码,并且它抛出了错误:Uncaught TypeError: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);
});
Run Code Online (Sandbox Code Playgroud)

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

有人可以告诉我如何正确获取canvas元素的上下文?这种方式以前使用,我在Chrome上,并知道它支持画布.

kin*_*uta 7

您需要使用canvas元素.你试图只在一个div上调用.getContext.

将HTML更改为:

<body>
    <canvas id="canvas"></canvas>
</body>
Run Code Online (Sandbox Code Playgroud)