简单的来看看一点canvas的介绍和简单用法
canvas：画布
利用canvas可以在js中绘制英雄简单的图画
使用的准备工作是先准备一个画布，代码如下：
准备好画布之后，了解canvas的坐标轴，就可以开始尝试简单的画线操作了
关于坐标轴：canvas坐标系，是以左上角为原点，向右为x轴正方向，向下为y轴正方向
尝试简单的画直线，这里绘制会使用到三个方法：moveTo()定义起点，lineTo()定义终点，storke()绘制，画出一条直线如下
两点可以确定一条直线，所以自然的就有了三条线来组成一个三角形：
对于绘制三角形来说，只要调整每条线的坐标位置，就可以绘制出各个样式的三角形了
绘制矩形，绘制矩形也需要使用一些方法：
rect(起点x,起点y,宽度,高度) 定义路径 stroke() fill()
strokeRect(起点x,起点y,宽度,高度) 绘制矩形轮廓
fillRect(起点x,起点y,宽度,高度) 绘制矩形填充
例
