在翻译之前旋转或在旋转前翻译？它有什么不同？

Question

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

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

以上结果给出了以下不同的结果：

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

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

Answer 1

差异是转型的起源。如果您之前执行转换变换，也许您必须调整以下旋转变换的变换原点，或者反之亦然。这取决于你想要达到的结果。