如何在html画布上独立旋转2张图片

Question

我想用HTML画布展示一组齿轮。我有下面的http://jsfiddle.net/jeepstone/RpmuE/，但小齿轮绕着大齿轮旋转，而不是固定不动，只是旋转。一旦我把它修好了，我就可以算出齿轮的相对速度，但我不能计算出为什么它绕着主齿轮移动。

有什么想法吗？

Answer 1

哈，好主意，我认为导致这个问题的主要原因是一个丢失的restore。要记住的一件事是，你想在旋转之前做你的翻译。否则，您将转换canvas，然后旋转整个canvas，从而旋转上下文中的所有内容。

Answer 2

啊好吧。这事儿可以理解。带上变速箱！