因为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度。