我用 HTML5 开发的代码中有这两行:
context.rotate(radian);
radian += 0.1;
context.translate(128,128);
上面的结果在下面几行给出了不同的结果:
context.translate(128,128);
context.rotate(radian);
radian += 0.1;
这两个代码片段有什么区别?我得到了不同的结果,但是为什么以及如何计算不同,我无法理解这一点。
最佳答案
不同之处在于变换的起源。如果您之前执行过平移变换,也许您必须调整以下旋转变换的变换原点,反之亦然。这取决于您要达到的结果。
关于javascript - 在平移之前旋转还是在旋转之前平移?它有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7023118/