translate与rotate

今天在做旋转动画时，发现translate与rotate的顺序会对效果产生影响，
在此之前我以为顺序可以随便放的

理想情况是绕球体旋转，效果如下图

但是由于顺序写错了，效果实现如下：

看下代码有哪些地方不同

正确的应该是先translate后rotate
因为rotate旋转的时候会旋转坐标轴，之后再进行translate会依据新的坐标轴。
所以如果是需要绕固定圆心旋转的话，要先translate后rotate，你学会了吗？

translate与rotate相关推荐

Canvas之translate,scale,rotate,skew
Canvas之translate,scale,rotate,skew Canvas大致可以分为三类: save,restore等与层相关的保存和回滚相关方法 scale,rotate,clipXXX等 ...
自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法...
前言:这几天做客户回访,感触很大,用户只要是留反馈信息,总是一种恨铁不成钢的心态,想用你的app,却是因为你的技术问题,让他们不得不放弃,而你一个回访电话却让他们尽释前嫌,当最后把手机号留给他们以便随 ...
html矩形坐标理解,HTML canvas中translate()与rotate()的理解
首先,当我们在页面上初始化canvas时,相当于在上面放了一块画布,这块画布我们可以理解为上面有一个坐标系(如下图),左上角是原点,往右是X轴的正方向,往下是Y轴的正方向,我们在画布上绘制的内容都是基 ...
自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法
相关文章: <Android自定义控件三部曲文章索引>:http://blog.csdn.net/harvic880925/article/details/50995268 一.概述 An ...
android scaleanimation 动画方向,Animation 动画详解（一）——alpha、scale、translate、rotate、set的xml属性及用法...
一.概述 Android的animation由四种类型组成:alpha.scale.translate.rotate,对应android官方文档地址:<Animation Resources&g ...
Qt对于translate()和rotate()的理解，QPainter画家用translate()和rotate()函数实现图片的旋转例子
对于translate()和rotate()的理解这是我载入的一张图片,arrow.png,载入的图片为箭头图片,保存在pixmap中 1.translote(x,y) 这个函数简单来说就是实现对坐 ...
HTML5 Canvas translate与rotate应用
Translate:坐标转化默认Canvas的起启坐标0,0是在右上角,如果让中起启坐标放在中心点就可以这样做 context.translate(centerX,centerY); Rotate: ...
css动画（transition，translate，rotate，scale）
序言为什么会用css动画呢通过CSS3过渡,我们可以在不使用 Flash 动画或 JavaScript 的情况下, 使元素从一种样式变换为另一种样式时为元素添加效果. css动画可以做很多特效,特 ...
Canvas translate,scale,rotate
下面使用三个小例子作为讲解: 1.translate:将canvas默认的原点(0,0),进行移动 import android.content.Context; import android.gra ...

translate与rotate

translate与rotate相关推荐

最新文章

热门文章