使用JavaScript 来绘制图像
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：
strokeRect()
定义和用法:strokeRect() 方法绘制矩形（不填色）。笔触的默认颜色是黑色。
JavaScript语法: context.strokeRect(x,y,width,height);
fillRect()
定义和用法:fillRect() 方法绘制“已填色”的矩形。默认的填充颜色是黑色。
格式和strokeRect一样。
clearRect()
定义和用法：clearRect() 方法清空给定矩形内的指定像素。
JavaScript 语法：context.clearRect(x,y,width,height);
fillStyle 属性
定义和用法：fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。
fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。
JavaScript 语法：context.fillStyle=color|gradient|pattern;
strokeStyle 属性
定义和用法：strokeStyle 属性设置或返回用于笔触的颜色、渐变或模式。
Canvas 路径
moveTo(x,y) 定义线条开始坐标
lineTo(x,y) 定义线条结束坐标
beginPath()： 开始一条路径
closePath()：创建从当前点到开始点的路径。
圆-->arc()你
arc() 方法创建弧/曲线（用于创建圆或部分圆）。
JavaScript 语法：
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
�
