HTML图形

画布：

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像，一个画布就是一个矩形区域

基本定义：

<canvas id="myCanvas" width="200" height="100"></canvas>

具体画布里的图像绘制通过JS来实现（示例：矩形）

<script type="text/javascript">
var c=document.getElementById("myCanvas");通过ID来查找元素
var cxt=c.getContext("2d");创建对象
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);规定了尺寸和开始位置
</script>

更多示例：

画线条：

画圆形：

画渐变图：