Canvas

doocument.querySelector('canvas')  获取画布

var a = canvas.getContext()  生成画笔

a.moveTo(x,y)  将画笔移动到某一点

a.lineTo(x,y)  从一点到另一点画一条直线吧           

a.stroke()  描边

a.closePath()  闭合

a.storkeStyle()  设置描边颜色

a.fill()  填充

a.fillStyle()  设置填充颜色

a.rect(x,y,w,h)  矩形（x y 画布的距离）

a.beginPath()   路径初始化

a.translate(a.width/2,a.height/2) 设置画布中心点

a.rotate  旋转画布（以0.0）

a.arc()  画圆 弧 （参数：中心点x 中心点y 半径r 起始弧度（2*Math.PI/x） 结束弧度（2*Math.PI）（顺时针false/逆时针true））

 

文字

a.fillText()  填充文字

a.strokeText()  描边文字

a.font  设置字体样式

a.textAlign = 'center'  水平对齐

a.textBaseLine = 'middle'  垂直对齐