jQuery 旋转(旋转度数)背景图像

Question

我需要什么:

背景图像的动画旋转(公转)任意度数。理想情况下，该动画是在另一个动画的回调时激活的。

我有什么:

带有背景图像的容器div，其中包含其他div(仅需要旋转图像，而不需要旋转div或div内容)。

术语困惑:

在 jQuery 中，“旋转”一词似乎意味着循环交换。就本主题而言，我对“旋转”的定义是指使用 z 平面作为中心轴的物体按度数进行的二维旋转。术语重叠使得使用搜索引擎研究这个问题变得困难。

失望:

我期望像图像或背景图像的动画旋转(公转)这样的基本功能成为标准要求，因此成为 jQuery 的默认功能。相反，我能找到的最好的是一个 jquery-rotate 插件，它没有突出显示对背景图像的明显支持以及它所支持的内容，甚至不是跨浏览器友好的。

编辑: jquery-rotate 插件通过回退到标准对象的 CANVAS 和 VML 来支持 IE6+ 和其他旧版浏览器，尽管我还不确定支持是什么对于背景图像。

跨浏览器:

跨浏览器支持至关重要。因此，CSS 替代方案或 jQuery/CSS 混合替代方案将无法满足我的要求。至少支持 IE6+。

我的问题:

我是否忽略了明显的解决方案，或者尽管 jQuery 能够实现更复杂的功能，但仍无法为背景图像的旋转(公转)设置动画？

Answer 1

带有 HTML canvas 的 Kinetic.js 提供了一些简单有效的旋转功能，您可以尝试在其中设置您想要的旋转角度 --- 我用它在 www. Threeblokesfromchina.com 上制作了球的动画，您也可以谷歌搜索教程