3

好的，所以我得到了这个 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 上，并且知道它支持画布。

4

2 回答 2

7

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

将 HTML 更改为：

<body>
    <canvas id="canvas"></canvas>
</body>
于 2013-03-29T05:08:32.337 回答
0

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

于 2013-03-29T09:59:49.820 回答