Javascript 在平移前旋转还是在旋转前平移？这有什么区别？

我的代码中有两行代码是用HTML5开发的：

context.rotate(radian);
radian += 0.1;
context.translate(128,128);

上述结果给出了不同的结果，如下所示：

context.translate(128,128);
context.rotate(radian);
radian += 0.1;

---

这两段代码之间有什么区别？我得到了不同的结果，但为什么计算不同以及计算方式不同，我无法理解这一点。

这种差异是转换的根源。如果之前执行了平移变换，可能必须调整以下旋转变换的变换原点，或反之亦然。这取决于你想要达到的结果。

试着在一些图表纸上画出来，自己看看会发生什么。这将有助于告诉您要使用哪一个。@AndyBursh:Translate然后rotate很容易理解。但旋转和平移是很难理解的。谢谢你的画纸想法真的很有帮助。