移动端入门之手指旋转

实现思路:我们都知道风车的旋转 那就借鉴一下 也就是说 首先要有一个中心点 让物体围绕着中心点去旋转这是最基本的,那么问题来了怎么获取中心点,顾名思义中心点就是一个物体最中间的的点 好比圆的圆心一样 怎么获取 假设一个块 宽100px高100px 那么他的中心点就是 高的二分之一 和宽的二分之一 交汇的点 那么他的坐标就是 这个块的中心点距离左边的距离和上边的的距离

还有几个点就是重头戏 如何实现旋转 !!!

1.数学问题 :既然要旋转那肯定有角度的事;
求他的弧度-用Math.atan2(y,x);反正切,已知直角边求他的弧度
角度----------套公式-Math.atan2(y,x)*180/Math.PI;
2.css3里面有一个属性就是旋转rotete;

接下看代码实现;








智能社-www.zhinegshe.com





你可能感兴趣的:(移动端入门之手指旋转)