Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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_Html_Canvas - Fatal编程技术网

Javascript 我试图找出一个错误,但没有一个是我能看到的。跳棋者没有发现任何错误

Javascript 我试图找出一个错误,但没有一个是我能看到的。跳棋者没有发现任何错误,javascript,html,canvas,Javascript,Html,Canvas,当我将其作为html文档打开时,浏览器会显示一个白色屏幕。 所有的html检查程序都帮不了我,我试过他们说的,但都不起作用。我可能只是理解错了 <script type="text/javascript"> window.addeEventListener('load', eventWindowLoaded, false); function eventWindowLoaded() { canvasApp(); } function canvasApp(){ var the

当我将其作为html文档打开时,浏览器会显示一个白色屏幕。 所有的html检查程序都帮不了我,我试过他们说的,但都不起作用。我可能只是理解错了

<script type="text/javascript">
window.addeEventListener('load', eventWindowLoaded, false);
function eventWindowLoaded() {
    canvasApp();
}

function canvasApp(){
var theCanvas = document.getElementById('my_first_canvas');
var my_canvas = theCanvas.getContext('2d');

my_canvas.strokeRect(0,0,200,225)
my_canvas.beginPath();
my_canvas.arc(100, 100, 75, (Math.PI/180)*0, (Math.PI/180)*360, false);

my_canvas.strokeStyle = "black";
my_canvas.lineWidth = 3;
my_canvas.fillStyle = "yellow";

my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();

my_canvas.fillStyle = "black";
my_canvas.beginPath();
my_canvas.arc(65, 70, 10, (Math.PI/180)*0, (Math.PI/180)*360, false); 

my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();

my_canvas.beginPath();
my_canvas.arc(135, 70, 10, (Math.PI/180)*0, (Math.PI/180)*360, false);

my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();

my_canvas.lineWidth = 6;
my_canvas.beginPath();
my_canvas.arc(99, 120, 35, (Math.PI/180)*0, (Math.PI/180)*-180, false);

my_canvas.stroke();
my_canvas.closePath();

my_canvas.fillStyle = "black";
my_canvas.font      = '20px _sans';
my_canvas.fillText  ("Hello Canvas!", 45, 200);
}
</script>

addEventListener('load',eventWindowLoaded,false);
函数eventWindowLoaded(){
canvasApp();
}
函数canvasApp(){
var theCanvas=document.getElementById('my_first_canvas');
var my_canvas=canvas.getContext('2d');
my_canvas.strokeRect(0,020025)
my_canvas.beginPath();
my_canvas.arc(10010075,(Math.PI/180)*0,(Math.PI/180)*360,false);
my_canvas.strokeStyle=“黑色”;
my_canvas.lineWidth=3;
my_canvas.fillStyle=“黄色”;
我的画布。笔划();
我的画布。填充();
my_canvas.closePath();
my_canvas.fillStyle=“黑色”;
my_canvas.beginPath();
my_canvas.arc(65,70,10,(Math.PI/180)*0,(Math.PI/180)*360,false);
我的画布。笔划();
我的画布。填充();
my_canvas.closePath();
my_canvas.beginPath();
我的画布弧(135,70,10,(数学PI/180)*0,(数学PI/180)*360,假);
我的画布。笔划();
我的画布。填充();
my_canvas.closePath();
my_canvas.lineWidth=6;
my_canvas.beginPath();
my_canvas.arc(9912035,(Math.PI/180)*0,(Math.PI/180)*-180,false);
我的画布。笔划();
my_canvas.closePath();
my_canvas.fillStyle=“黑色”;
my_canvas.font='20px_sans';
my_canvas.fillText(“Hello canvas!”,45200);
}

我试图用canvas做一个笑脸。

可能您在函数名称的正确拼写方面有问题。例如,
document.getelementbyid
实际上
document.getelementbyid
。而且有很多这样的错误。
尝试使用浏览器控制台来检测它们。

您是否也可以显示html,甚至可以显示一个完整的JSFIDLE?文档。getElementById()区分大小写,我对这一点比较陌生。请允许我问一下这是什么。我不知道它是区分大小写的。我会检查我更新了我所做的,但它仍然是空的。我认为这是一个更大的错误。它就像我的线宽一样。谢谢。我会尝试它,并告诉你它是否被修复。它不起作用。我认为我修复了所有区分大小写的错误,但它仍然是空的