JS rotate
来源:互联网 发布:淘宝问卷调查报告 编辑:程序博客网 时间:2024/05/16 06:55
1. 根据两点确定旋转角度
所在位置的坐标 (x1,y1)
.
当前鼠标所在坐标 (x2,y2)
var x = Math.abs(x1-x2);var y = Math.abs(y1-y2);var z = Math.sqrt(x*x+y*y);var rotat = Math.round((Math.asin(y/z)/Math.PI*180));// 第一象限if (x2 >= x1 && y2 <= y1) { rotat = rotat;}// 第二象限else if (x2 <= x1 && y2 <= y1) { rotat = 180 - rotat;}// 第三象限else if (x2 <= x1 && y2 >= y1) { rotat = 180 + rotat;}// 第四象限else if(x2 >= x1 && y2 >= y1){ rotat = 360 - rotat;}return rotat; //真实的角度
2. 根据旋转角度确定终点坐标
所在位置的坐标
[x1,y1]
.当前鼠标所在坐标
[x2,y2]
var r = Math.sqrt(Math.pow(x1 - x2,2) + Math.pow(y1 - y2,2));
var newx = (Math.cos(rotat/180 * Math.PI) * r); var newy = (Math.sin(rotat/180 * Math.PI ) * r);(newx, newy)
0 0
- JS rotate
- rotate.js
- jquery rotate.js
- touch.js-rotate
- js原生rotate函数
- 图片旋转 jquery.rotate.js插件
- 图片旋转 jquery.rotate.js插件
- jquery.rotate.js的应用范例
- rotate
- Rotate
- Rotate
- Rotate
- Rotate
- rotate
- jQuery旋转插件jquery.rotate.js 让图片旋转
- [Rotate Image48]Rotate Image
- JS利用CSS3 transform rotate 实现旋转转盘或背景(大转盘抽奖)
- 如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix解析
- Struts2拦截器
- ASM翻译系列第三弹:ASM disk的基础知识
- LeetCode-415. Add Strings
- Jenkins QuickStart
- 零基础写Java知乎爬虫之进阶篇
- JS rotate
- photoshop第十六章:制作商业广告效果
- NSSearchPathForDirectoriesInDomain函数使用
- [多线程学习]2017.02.21
- 【ZIP格式分析】 文件名乱码
- FastJson的简单使用
- 如何判断当前界面是否属于某个apk,或具体到某个Activity
- ASM 翻译系列第四弹:高级知识kfed元数据编辑器
- Longest Palindromic Substring--求字符串最长回文子串