Canvas

Canvas绘图- JavaScript 来绘制图像

  �

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