Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何解决画布不受支持的错误_Javascript_Html5 Canvas - Fatal编程技术网

Javascript 如何解决画布不受支持的错误

Javascript 如何解决画布不受支持的错误,javascript,html5-canvas,Javascript,Html5 Canvas,我正在使用HTML5画布,javascript。我已经在html5画布和javascript的帮助下创建了一个页面。但是当我运行它时,它给了我这个错误 (“错误=无法获取属性“getContext”的值):对象 为空或未定义“) 但它不会终止程序..程序运行正常 function draw(canvas0) { var canvas = canvas0; options = null; // Canvas good? if (canvas !== nu

我正在使用HTML5画布,javascript。我已经在html5画布和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>

速度计HTML5画布
画布不可用。
画布不可用。
画布不可用。
画布不可用。
画布不可用。
在看到if给出的答案后,我的代码发生了变化

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


使用这一行后,getContext错误不会出现,但在执行绘制画布后的页面后,会出现新的错误(“您的浏览器不支持画布”)。请帮助我解决此问题。

我已经检查了此问题,我不明白,尽管我不太了解tableau,但您为什么要面对此问题

   canvas != null && canvas.getContext
由此,您将收到另一个错误“您的浏览器不支持画布”
当我离开时,这个错误出现在画布绘制之后。然后我只是删除给我这个警报消息的警报。我想你必须尝试一下,搜索这个警报,看看接下来会发生什么。它不会影响程序,并且运行良好。

什么是
canvas0
?你不应该使用类似
var canvas=document的东西吗。getElementById('canvas0')
?什么是
文档。getElementById('tutorial'))
return?您好,我在chrome中运行了您的代码,没有做任何修改。它没有告诉我错误和工作正常。不,当我将此页面添加到tableau时,它给了我这个错误。我搜索了一些东西,但我不知道这意味着什么。我假设在不支持Canvas的旧IE中会发生这种情况。您考虑过吗 ?