HTML5之canvas画板介绍

什么是canvas：

• <canvas> 标签定义图形，比如图表和其他图像。

• <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

• canvas 其实对于HTML来说很简单，只是一个标签元素而已，自己并没有行为，

但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都

绘制到一块画布上，拥有绘制路径，矩形，圆，字符以及图像等功能。 所有的

标签只是图形的容器，必须使用JavaScript的 API 操作绘图。

标签：

• <canvas id=“canvas” width=“500” height=“500”></canvas>

getContext

• 返回一个用于在画布上绘图的环境

<script type="text/javascript">

c = document.getElementById("canvas");

context= c.getContext('2d');

</script>