因為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);//畫的定位點是負寬度的一半,負高度一半,寬,高
這就實現(xiàn)了canvas上面的矩形沿中心點選擇45度。