Javascript实现双指控制图片功能的方法
小编给大家分享一下Javascript实现双指控制图片功能的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联于2013年创立,先为颍州等服务建站,颍州等地企业,进行企业商务咨询服务。为颍州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
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实现双指控制图片功能的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网页名称:Javascript实现双指控制图片功能的方法
链接URL:http://azwzsj.com/article/jedceo.html