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

キナクタが言ったことか、ページが完全に読み込まれる前に getContext を呼び出しています。

于 2013-03-29T09:59:49.820 に答える