2017.12.11

Canvas 画布

获取canvas对象
获取绘图上下文
var gd = oC.getContext('2d');
最简单画图
重新开始路径
gd.beginPath();
起始点
gd.moveTo(x,y);
目标点
gd.lineTo(x,y);
设置描边颜色
gd.strokeStyle = 'color';
设置线宽
gd.lineWidth = width;
描边
gd.stroke();
填充颜色
gd.fillStyle = 'color';
填充
gd.fill();
闭合路径
gd.closePath();
现有图形
###rect         矩形
1)gd.rect(x,y,w,h);gd.stroke()/fill();
2)gd.strokeRect(x,y,w,h);或gd.fillRect(x,y,w,h);
###清屏   
gd.clearRect(x,y,w,h);
清屏-》改变值-》重新画
###帧频低帧频30      1000/30     33高帧频16         1000/16     62

Math.sin(α);
Math.cos(α);
360° = 2π
180° = 1π
π
Math.PI
角度-》弧度
n*Math.PI/180
弧度-》角度
n*180/Math.PI