如何解决画布不支持错误答案

【问题标题】：how to resolve the canvas not supported error如何解决画布不支持错误
【发布时间】：2013-08-07 00:10:21
【问题描述】：

我正在使用 HTML5 画布、javascript。我在 html5 canvas 和 javascript 的帮助下创建了一个页面。但是当我运行它时它给了我这个错误

("错误=无法获取属性'getContext'的值：对象为空或未定义")

但它不会终止程序..程序运行良好。

 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>

在看到kennebec 给出的答案后，如果我的代码发生了变化

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

使用此行后，getContext 错误不会出现，但是在执行绘制画布之后的页面后，它给了我新的错误（“您的浏览器不支持画布”）。在这里帮帮我。

【问题讨论】：

什么是canvas0？你不应该使用var canvas = document.getElementById('canvas0')之类的东西吗？
document.getElementById('tutorial') 返回什么？
嗨，我在 chrome 中运行了你的代码，没有做任何修改。它没有给我错误和它的工作正常。
不，当我将此页面添加到画面时，它给了我这个错误..我搜索了一些东西，但我不知道它是什么意思 please go through this page and read the answer by GAgnew
我认为这发生在不支持 Canvas 的旧 IE 中。你考虑过code.google.com/p/explorercanvas 吗？

标签： javascript html5-canvas

【解决方案1】：

这个我查了，没看懂，为什么你会遇到这个问题，虽然我对画面不太了解

   canvas != null && canvas.getContext

这样你会得到另一个错误“你的浏览器不支持画布当我在 dong 时，这个错误是在画布绘制之后出现的。然后我只是删除给我这个警报消息的那个警报。我认为你必须试试这个，搜索这个警报，看看接下来会发生什么它不会影响程序并且它运行良好

【讨论】：