jQuery图片旋转
来源:互联网 发布:国外教育学专业 知乎 编辑:程序博客网 时间:2024/06/05 02:36
<script> /* * 解析matrix矩阵,0°-360°,返回旋转角度 * 当a=b||-a=b,0<=deg<=180 * 当-a+b=180,180<=deg<=270 * 当a+b=180,270<=deg<=360 * * 当0<=deg<=180,deg=d; * 当180<deg<=270,deg=180+c; * 当270<deg<=360,deg=360-(c||d); * */ function getmatrix(a,b,c,d,e,f){ var aa=Math.round(180*Math.asin(a)/ Math.PI); var bb=Math.round(180*Math.acos(b)/ Math.PI); var cc=Math.round(180*Math.asin(c)/ Math.PI); var dd=Math.round(180*Math.acos(d)/ Math.PI); var deg=0; if(aa==bb||-aa==bb){ deg=dd; }else if(-aa+bb==180){ deg=180+cc; }else if(aa+bb==180){ deg=360-cc||360-dd; } return deg>=360?0:deg; } var obj=$('#picBox img'); $('.rotateBtn').click(function(event){ event.preventDefault(); var rotateBtnId = $(this).attr('id'); var deg = eval('get'+obj.css('transform'));//构造getmatrix函数,返回上次旋转度数 var step = 0;//每次旋转多少度 if(rotateBtnId == 'rotate-left'){ step = -90; }else if(rotateBtnId == 'rotate-right'){ step = 90; } obj.css({'transform':'rotate('+(deg+step)%360+'deg)'}); });</script>
0 0
- jquery 旋转图片 功能
- jquery 图片旋转 rotate
- 图片旋转jquery.rotate
- jQuery图片旋转
- jQuery扩展--图片旋转效果
- jquery-rotate图片旋转动画
- jQuery旋转插件jquery.rotate.js 让图片旋转
- jQuery 实现 图片3D 旋转
- jquery 图片展示--翻牌旋转效果
- 图片旋转 jquery.rotate.js插件
- 图片旋转 jquery.rotate.js插件
- jquery实现的图片旋转实例
- 基于jquery.artZoom实现图片旋转
- 点击旋转图片90度-jquery
- jquery 点击旋转效果,点击图片旋转360度
- jquery实现图片放大,缩小,翻转,旋转小实例
- jquery实现图片放大,缩小,翻转,旋转小实例
- Jquery-Rotate实现查看原图并旋转图片
- 判断两个矩形是否相交(C++)
- v4l2视频采集
- 数据库SQL优化大总结之 百万级数据库优化方案
- Android系统源码阅读(17):Android 应用的安装
- matlab读取pcm音频数据
- jQuery图片旋转
- CodeForces 66B - Petya and Countryside(水题)
- php中\r \r\n \t的区别
- 加载数据
- JAVA内部类使用,什么时候该使用内部类及使用内部类的好处
- 如何用Latex合并两个pdf
- jquery ul li 按照时间排序
- 内存四区_栈区_堆区
- Android TV开发之监听网线,WiFi,蓝牙,U盘的状态