关于translate和rotate的一点理解

来源:4-3 应用translate、rotate和scale

zch_520

2015-04-28 10:28

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回答

  • 阿辉2
    2015-12-17 15:53:35

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

    阿辉2

    打错字了,是旋转的圆心坐标。也不知道有没有这个接口,没有的话就是没影响喽。

    2015-12-17 15:58:02

    共 1 条回复 >

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72885 学习 · 422 问题

查看课程

相似问题