您好,登錄后才能下訂單哦!
小編給大家分享一下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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。