關于translate和rotate的一點理解
cxt.fillStyle="#f00";
cxt.rotate(30/180*Math.PI)
cxt.translate(150,150);
cxt.fillRect(0,0,200,200);
cxt.fill();
像這樣先旋轉,再移動以后,我發現正方形的原點坐標不是在畫布150,150的位置,旋轉30度以后,畫布的坐標軸也跟著旋轉了,旋轉30度以后的x軸和原水平坐標軸成30度的夾角,再用translate以后就是把坐標軸的原點以旋轉后的坐標軸為基準在x,y軸分別移動了150;然后再畫一個(0,0,200,200)的正方形,老師,求解答這么理解對不對;旋轉是不是也包括坐標軸?為什么縮放對位移translate有影響,而對于旋轉rotate沒有影響呢?
2015-12-17
我個人理解是圓心沒有動,使用的是正方形的中心做的圓心(默認的),你嘗試改變下選擇的圓心坐標,坐標軸就改變了