例
画一个红色的方形，上飞，并显示它里面<canvas>元素：
<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 80);
</script>
试一试» 定义和用法
在<canvas>标签用来绘制图形，上飞，通过脚本（通常是JavaScript）。
在<canvas>标签仅仅是一个容器图形，您必须使用脚本来实际绘制图形。
浏览器支持
在表中的数字指定完全支持元件的第一个浏览器的版本。
| 元件 | |||||
|---|---|---|---|---|---|
| <canvas> | 4 | 9 | 2.0 | 3.1 | 9 |
HTML 4.01和HTML5之间的差异
在<canvas>标签是HTML5中的新。
提示和注意
注：里面的任何文本<canvas>元素将在不支持的浏览器显示<canvas>
提示：了解更多关于<canvas>在我们的元素HTML画布教程 。
提示：对于可以与画布对象中使用的所有属性和方法的完整参考，请访问我们的HTML画布参考 。
属性
=新的HTML5。
| 属性 | 值 | 描述 |
|---|---|---|
| height | pixels | 指定画布的高度 |
| width | pixels | 指定画布的宽度 |
全局属性
在<canvas>标签支持全球的HTML属性 。
事件属性
在<canvas>标签支持的HTML事件属性 。
默认设置CSS
没有。