HTML5畫布：混合多個轉換

Question

如何縮小圖像然後將其旋轉30度，然後垂直翻轉旋轉的圖像，同時保持旋轉？

Answer 1

其實解決方案很簡單。 這不是關於數學 - 即混合變換矩陣 - 它是關於js和畫布的工作方式。 我實際上忘記了在我所有的轉換之前和之後調用context.save（）和context.restore（）。所以實際上有一半的轉換是應用的，另一半轉換應用於下一次迭代。 所以現在我只是做context.save，然後是我所有的轉換，然後是context.restore。請注意，變換是累積的，即一次旋轉1度，然後是另一次旋轉1度，最終會旋轉2度。