游戏画布
HTML <canvas> 元素在网页上显示为矩形对象：
HTML 画布
这 <canvas> 元素非常适合用 HTML 制作游戏。
这 <canvas> element 提供了制作游戏所需的所有功能。
使用 JavaScript 在 <canvas>.
.getContext(“2d”)
这 <canvas> 元素有一个内置对象，称为getContext("2d") 对象，具有绘图的方法和属性。
您可以详细了解 <canvas> 元素，以及getContext("2d") 对象，在我们的Canvas 教程.
立即开始
要制作游戏，首先要创建一个游戏区域，并准备好进行绘制：
例子
函数开始游戏() {
我的游戏区域.开始()；
}
var 我的游戏区域 = {
画布：document.createElement（“画布”），
开始：函数（）{
这.画布.宽度 = 480;
这个.画布.高度 = 270;
这个.上下文 = 这个.画布.getContext(“2d”);
document.body.insertBefore(this.canvas， document.body.childNodes[0]);
}
}
亲自尝试 »
物体 myGameArea 本教程后面将会有更多的属性和方法。
功能 startGame() 调用方法start() 的myGameArea 目的。
这 start() 方法创建一个<canvas> 元素并将其作为第一个子节点插入<body> 元素。
