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