为了账号安全,请及时绑定邮箱和手机立即绑定

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

正在回答

1 回答

我个人理解是圆心没有动,使用的是正方形的中心做的圆心(默认的),你尝试改变下选择的圆心坐标,坐标轴就改变了

0 回复 有任何疑惑可以回复我~
#1

阿辉2

打错字了,是旋转的圆心坐标。也不知道有没有这个接口,没有的话就是没影响喽。
2015-12-17 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于translate和rotate的一点理解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信