【问题标题】:How to rotate 2 images independently on html canvas如何在 html 画布上独立旋转 2 个图像
【发布时间】:2011-09-14 21:35:03
【问题描述】:

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

有什么想法吗?

【问题讨论】:

    标签: image html canvas rotation


    【解决方案1】:

    Demo

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

    【讨论】:

      【解决方案2】:

      嗯,好的。那讲得通。带上变速箱!

      【讨论】:

        猜你喜欢
        • 2013-07-03
        • 1970-01-01
        • 2021-09-27
        • 1970-01-01
        • 2016-01-12
        • 1970-01-01
        • 2015-11-04
        • 2018-06-02
        • 2011-02-10
        相关资源
        最近更新 更多