你能看看这个javascript画布吗?

Question

我正在图书馆阅读一些东西，链接已经死亡，所以我想重试制作java画布…这里

indow.addEventListener('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)
// to start, draw a border around the canvas
//draw face
my_canvas.beginPath();
my_canvas.arc(100, 100, 75, (Math.PI / 180) * 0, (Math.PI / 180) * 360, false);
// circle dimensions
my_canvas.strokeStyle = "black"; // circle outline is black
my_canvas.lineWidth = 3; // outline is three pixels wide
my_canvas.fillStyle = "yellow"; // fill circle with yellow
my_canvas.stroke(); // draw circle 
my_canvas.fill();
my_canvas.closePath();
// now , draw left eye
my_canvas.fillStyle = "black";
my_canvas.beginPath();
my_canvas.arc(65, 70, 10, (Math.PI / 180) * 0, (Math.PI / 180) * 360, false);
// circle dimstions 
my_canvas.stroke(); // draw circle
my_canvas.fill(); //fill in circel 
my_canvas.closePath();
// now the right eyes
my_canvas.beginPath();
my_canvas.arc(135, 70, 10, (Math.PI / 180) * 0, (Math.PI / 180) * 360, false);
// circle dimstions 
my_canvas.stroke(); // draw circle
my_canvas.fill(); //fill in circel 
my_canvas.closePath();
// draw smile 
my_canvas.lineWidth = 6;
my_canvas.beginPath();
my_canvas.arc(99, 120, 35, (Math.PI / 180) * 0, (Math.PI / 180) * -180, false);
// semicircle dimensions
my_canvas.stroke();
my_canvas.closePath();
// Smiley speaks!
my_canvas.fillStyle = "black";
my_canvas.font = '5000px _sans';
my_canvas.fillText("Hello Canvas!", 45, 200);
}

<canvas width="10000" heigth="55500" id="my_first_canvas">
Your browsers does not support HTML5 canvas. Try using Chrome,Firefox,Safari or MS Edge.
</canvas>

但它只显示所有的微笑，我错过了拼写什么…我在这个页面上看了大约2个小时，现在我已经做了一个多星期了，刚刚读到我把html元素变成了fg

Answer 1

这是一个比较好的做法

var theCanvas = document.getElementById('my_first_canvas');
theCanvas.width = window.innerWidth;
theCanvas.height = window.innerHeight;

Answer 2

在HTML中，你拼写错误的高度。从那以后它对我起作用了。

<canvas width="10000" height="5600" id="my_first_canvas">
Your browsers does not support HTML5 canvas. Try using Chrome,Firefox,Safari or MS Edge.
</canvas>