canvas

使用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);

�