canvas-旋转

因为canvas在画过之后就不能再进行修改，多以要先运动最后在画。

function d2a(n){
  return Math.PI*n/180;
}
var oC = document.getElementById('c1');
var gd = oC.getContext('2d');
gd.translate(100+100,100+50);//移动到x加上矩形宽度一半
gd.rotate(d2a(45deg));
gd.strokeRect(-100,-50,200,100);//画的定位点是负宽度的一半，负高度一半，宽，高

这就实现了canvas上面的矩形沿中心点选择45度。