关于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没有影响呢？