canvas常用函数

canvas常用函数

绘制路径

beginPath():    开始路径
closePath():    闭合路径
moveTo(x,y):    移动到某点(开始绘制的起点)
lineTo(x,y):    绘制到某点(绘制路径上的一点)
stroke():       连接绘制的起点与途径点形成连线 默认为黑色
fill():         默认连接起点和最后一个途径点形成闭合图形并填充， 填充色默认为黑 
rect(x,y,w,h):  绘制矩形x,y代表矩形位于画布的坐标;w，h为矩形宽高
save():         保存当前绘图状态
restore():      恢复之前保存的绘图状态

绘制矩形：

fillRect(x,y,w,h):   填充实心矩形
storkeRect(x,y,w,h): 绘制空心矩形
clearRect(x,y,w,h):  清除矩形

设置绘图样式

fillStyle:   填充颜色
strokeStyle：画笔颜色
lineWidth:   线宽

图形边界样式

lineJoin：边界连点样式 miter(默认值)，round(圆角),bevel(斜角)
lineCap： butt(默认值)，round(圆角)，square(高度多出线宽的一半)

绘制圆形：

arc(x,y,r,startAngle,endAngle,false) 
x,y 圆心坐标位置 
r 圆半径 
startAngle开始角度,以弧度表示 弧度公式:角度*PI/180 
en