未捕获类型错误:Object #<HTMLDivElement>没有方法'getContext'

Uncaught TypeError: Object #<HTMLDivElement> has no method 'getContext'

本文关键字：HTMLDivElement 有方法 getContext 错误 类型 Object      更新时间：2023-09-26

好的，我得到了这个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/

有人能告诉我如何正确获取画布元素的上下文吗?这种方法以前用过，我在Chrome上，知道它支持画布。

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

将HTML改为:

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

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

相关文章：