其他

方法 描述

save() 保存当前环境的状态

restore() 返回之前保存过的路径状态和属性

createEvent()

getContext()

toDataURL()

常用的API var bg = document.getElementById('bg'); var ctx = bg.getContext('2d'); ctx.beginPath();开始绘制一个新的路径 ctx.moveTo(x,y) ： 将当前点移动到点(x,y)。 ctx.lineTo(x,y) ： 从当前点绘制一条直线到点(x,y)。 ctx.arc(x,y,r,sAngle,eAngle,counterclockwise) ： 绘制一个圆心为(x,y),半径为r，弧度为(sAngle,eAngle),是否为逆时针开始的形状，（一般为圆或圆弧）。 ctx.rect(x,y,width,height);矩形的左上角为(x,y),宽为width,高为height ctx.fillStyle = 'red'; //填充的颜色 ctx.fill() ： 填充形状。 ctx.stroke() ：绘制空心形状 ctx.closePath() ： 通过绘制一条当前点到路径起点的线段来闭合形状。