javascript - 在平移之前旋转还是在旋转之前平移?它有什么区别?

标签 javascript html rotation translation

我用 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/

相关文章:

javascript - 将动态生成的值发送到 ajax 数据

javascript - HTML 表单文本 onkeyup

javascript - 将工具提示添加到文件浏览输入

string - Clojure 中惯用的字符串旋转

android - Android手机转动时的OpenGL

用于解密 SMIME.p7m 文件的 Javascript 库

javascript - 如何关闭 Google reCAPTCHA 本地化或锁定为英语

javascript - 如何在 div 中播放 bigvideo.js

html - 以水平线显示列表 - 带有 css 的 html 中的 li

jquery - 如何让旋转在不同的时间旋转?