1

私はHTML5 Canvas、javascriptを使用しています。HTML5 キャンバスと JavaScript を使用してページを作成しましたが、実行するとこのエラーが発生しました。

(「エラー = プロパティ 'getContext' の値を取得できません: オブジェクトが null または未定義です」)

しかし、それはプログラムを終了しません..プログラムはこれで正常に動作しています.

 function draw(canvas0) {
     var canvas = canvas0;
     options = null;

     // Canvas good?
     if (canvas !== null && canvas.getContext)

 }


 function initCanvas() {
     var canvas1 = document.getElementById('tutorial');
     var canvas2 = document.getElementById('tutorial1');
     var canvas3 = document.getElementById('tutorial2');
     var canvas4 = document.getElementById('tutorial3');
     var canvas5 = document.getElementById('tutorial4');

     draw(canvas1);
     draw(canvas2);
     draw(canvas3);
     draw(canvas4);
     draw(canvas5);
 }

これは、IDを取得してこれらの値を返す場所です

     <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8" />
    <title>Speedometer HTML5 Canvas</title>
    <script src="script copy.js">

    </script>

</head>
<body onload='initCanvas();'>

        <canvas id="tutorial" width="440" height="220" style="zoom:50%">
            Canvas not available.
        </canvas>
        <canvas id="tutorial1" width="440" height="220" style="zoom:50%">
            Canvas not available.
        </canvas>
        <canvas id="tutorial2" width="440" height="220" style="zoom:50%">
            Canvas not available.
        </canvas>
        <canvas id="tutorial3" width="440" height="220" style="zoom:50%">
            Canvas not available.
        </canvas>
        <canvas id="tutorial4" width="440" height="220" style="zoom:50%">
            Canvas not available.
        </canvas>

        <form id="drawTemp">

        </form>
    </div>
</body>
</html>

私のコードに変更を加えた場合、ケネベックからの回答を見た後

if (canvas != null && canvas.getContext).

この行を使用した後、getContext エラーは発生しませんが、キャンバスを描画した後のページを実行すると、新しいエラー (「Canvas Not supported by Your Browser」) が表示されます。

4

1 に答える 1

2

私はこれをチェックしましたが、取得できませんでした。私はタブローについてあまり知りませんが、なぜこの問題に直面しているのですか

   canvas != null && canvas.getContext

これにより、別のエラー「Canvas not supported by your browser when I am dong this this error comes after the canvas is drawing. その後、この警告メッセージを表示した警告を削除するだけです。これを試して検索する必要があると思います。このアラートと次に何が起こるかを確認しても、プログラムには影響せず、正常に動作します

于 2013-08-15T14:33:05.553 に答える