canvas绘图API

getContext("2d")    创建绘图对象

beginPath()        开始绘制路径

closePath()       结束绘制路径,闭合线框

moveTo(x,y)        移动到绘制起点

lineTo(x,y)        画线段到指定点

arc(x,y,r,start,end)    绘制圆形(弧度单位)

quadraticCurveTo(x,y,endX,endY)  二次贝塞尔曲线

bezierCurveTo(x1,y1,x2,y2,endX,endY)三次贝塞尔曲线

stroke()              线条类型

fill()            填充类型

fillRect(x,y,w,h)   填充矩形

strokeRect(x,y,w,h)  线框矩形

clearRect(x,y,w,h)   清楚矩形

strokeText(string,x,y)  绘制线条文字(空心)

fillText(string,x,y)   绘制填充文字(实心)

drawImage(img,x,y,width,height)  绘制图片(须在img的load函数中)

save()        保存当前状态设定

restore()         恢复到保存之前的状态设定

rotate()        旋转画布角度(弧度制)

fillStyle        填充颜色(支持rgb(),#fff,red)

strokeStyle      线条颜色

lineWidth         线条宽度(整数值,默认单位px)

lineJoin           折线拐角类型(round表示圆角)

font                 支持多个值,例如"10px 宋体"

textBaseline    文字基点(默认botto左下为基准点,top为左上)

arc 弧