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

标签 jquery rotation jquery-animate background-image

我需要什么:

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

我有什么:

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

术语困惑:

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

失望:

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

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

跨浏览器:

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

我的问题:

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

最佳答案

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

关于jQuery 旋转(旋转度数)背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14621887/

相关文章:

java - Jquery 无法获取我的 jsp 页面中 session 的最新值

javascript - 如何动态替换HTML5 Video src

ios - 围绕 anchor 旋转 Sprite

jquery - 在 animate.css 插件中提供延迟

javascript - 为什么动画没有按预期发生以将框放在底部

javascript - 在 Backbone.js 事件中实现切换

JavaScript 忽略 true 和 false

three.js - 如何在 Three.js 中围绕组的中心旋转

iphone - 旋转期间 UIScrollView 的 contentOffset

javascript - 以 div margin-top 作为条件的 if 语句?