小编给大家分享一下Javascript实现双指控制图片功能的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
javascript 实现双指放大缩小旋转图片
1 先记录 屏幕上 的手指数量 (记录方法 按下+1 松开-1)
2 记录每个手指的在屏幕上的坐标 每个手指的touchid不一样 用数组存就行 shouzhis[touchid]= x,y
3 如果屏幕上有2个手指
1 缩放按照2个手指的距离来计算
private getTouchDistance():number { var _distance:number = 0; var names = this.touchPoints["names"]; _distance = egret.Point.distance( this.touchPoints[names[names.length-1]], this.touchPoints[names[names.length-2]]); return _distance; }
2 旋转 是按照2个手指的角度来计算
private getTouchAngle():number { var ang:number = 0; var names = this.touchPoints["names"]; var p1:egret.Point = this.touchPoints[names[names.length-1]]; var p2:egret.Point = this.touchPoints[names[names.length-2]]; ang = Math.atan2((p1.y-p2.y),(p1.x-p2.x)) / this.c; return ang; }
看完了这篇文章,相信你对“Javascript实现双指控制图片功能的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。