Javascript实现双指控制图片功能的方法

  介绍

小编给大家分享一下Javascript实现双指控制图片功能的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

Javascript实现双指放大缩小旋转图片

1先记录屏幕上的手指数量(记录方法按下+ 1松开1)

2记录每个手指的在屏幕上的坐标每个手指的touchid不一样用数组存就行shouzhis touchid=x, y

3如果屏幕上有2个手指

1缩放按照2个手指的距离来计算

private  getTouchDistance():数字   {   时间=var  _distance: number  0;   var  names =, this.touchPoints (“names");   时间=_distance  egret.Point.distance (, this.touchPoints [[names.length-1]]的名字,   this.touchPoints[名称[names.length-2]]);   return  _distance;   }

2旋转是按照2个手指的角度来计算

private  getTouchAngle():数字   {才能   ,,,var  ang: number =, 0;   ,,,var  names =, this.touchPoints (“names");   ,,,var  p1: egret.Point =, this.touchPoints [[names.length-1]]的名字;   ,,,var  p2: egret.Point =, this.touchPoints [[names.length-2]]的名字;      ,,,ang =, Math.atan2 ((p1.y-p2.y), (p1.x-p2.x)),/, this.c;   ,,,return  ang;   以前,,}

看完了这篇文章,相信你对“Javascript实现双指控制图片功能的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

Javascript实现双指控制图片功能的方法