图片/图形
跨浏览器控制图片旋转jQuery插件
PetitQ
jQueryRotate.js 是一款跨浏览器控制图片旋转 jquery 插件。jQueryRotate.js 旋转图片插件可以使用 CSS3 动画来对图片进行任意角度的旋转。对于不支持 CSS3 动画的浏览器，插件会自动使用 canvas 或 VML（IE6）技术进行回退。
使用方法
在页面<中引入 jQueryRotate.js 文件。
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jQueryRotate.js"></script>
也想出现在这里？联系我们吧
API
jQueryRotate.js 插件集成了 4 个用于图片旋转的方法，分别为：
rotate(angle)
rotate(parameters)
getRotateAngle()
stopRotate()
一、rotate(angle)：简单的将图片旋转任意角度。
$("#img").rotate(45);
二、rotate(parameters)：通过配置参数来旋转图片。
parameters 参数包括：
angle [Number] ：图片旋转角度，默认为 0 度
bind [Object] ： 绑定事件
animateTo [Number] ：图片旋转到指定的角度，默认为 0
center [Array] ： 定义图片旋转的中心点
duration [Number] - 图片旋转的持续时间，默认为 1000
step [Function] ：每一步动画后执行的回调函数
easing [Function] ：图片旋转的 easing 动画
callback[Function] ：图片旋转动画结束后的回调函数
三、getRotateAngle()：返回图片旋转的角度。
$("#img").rotate({
angle: 45,
bind: {
click : function(){
alert($(this).getRotateAngle());
}}});
四、stopRotate()：停止图片旋转动画。
$("#img").rotate({
bind: {
click: function(){
$("#img").rotate({
angle: 0,
animateTo: 180,
duration: 6000
});
setTimeout(function(){
$("#img").stopRotate();
}, 1000);
}}});
Github 地址：https://github.com/wilq32/jqueryrotate
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
