在HTML <canvas>元素是用来绘制网页上的图形。
图形左侧与创建<canvas> 它示出了四个元件：一个红色矩形，梯度矩形，多色矩形和多色文本。
什么是HTML画布？
在HTML <canvas>元素被用来绘制图形，上飞，通过脚本(usually JavaScript)
在<canvas>元素是只对图形的容器。 您必须使用脚本来实际绘制图形。
帆布具有绘制路径，矩形，圆形，文本和添加图像的方法。
浏览器支持
在表中的数字规定，完全支持的第一个浏览器版本<canvas>元素。
| 元件 | |||||
|---|---|---|---|---|---|
| <canvas> | 4 | 9 | 2.0 | 3.1 | 9 |
HTML画布可以绘制文本
油画可以画五颜六色的文字，带或不带动画。
HTML画布可以绘制图形
帆布具有与图形和图表的图形图像数据呈现强大的功能。
HTML画布可以是动画
画布对象可以移动。 一切皆有可能：从简单的弹跳球，以复杂的动画。
HTML画布可以互动
画布可以响应JavaScript事件。
画布可以给任何响应用户操作（按键点击，鼠标点击，点击按钮，手指运动）。
HTML画布可以在游戏进行使用
Canvas的方法动画，提供了大量的对HTML游戏应用的可能性。
帆布例
在HTML中， <canvas>元素看起来是这样的：
<canvas id="myCanvas" width="200" height="100"></canvas>
在<canvas>元素必须有一个id属性，因此它可以通过JavaScript的引用。
的宽度和高度属性是必要定义画布的大小。
Tip:你可以有多个<canvas> 1 HTML页面上的元素。
默认情况下， <canvas>元素没有边界，没有内容。
要添加边框，使用样式属性：
接下来的章节展示了如何在画布上绘制。