Question

好吧，所以我得到了这个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);
});

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

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

Answer 1

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

将HTML更改为：

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

Answer 2

Kinakuta所说的，或者，你在页面完全加载之前调用你的getContext。

未捕获的TypeError：对象＃<htmldivelement>没有方法'getContext'</htmldivelement>

2 个答案: