Javascript如何實現(xiàn)雙指控制圖片功能
更新時間：2020年02月25日 10:04:51 作者：newmiracle宇宙
這篇文章主要介紹了Javascript如何實現(xiàn)雙指控制圖片功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
javascript 實現(xiàn)雙指放大縮小旋轉圖片
1 先記錄 屏幕上 的手指數(shù)量 (記錄方法 按下+1 松開-1）
2 記錄每個手指的在屏幕上的坐標 每個手指的touchid不一樣 用數(shù)組存就行 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;
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了微信小程序實現(xiàn)圖片上傳、刪除和預覽功能的方法,涉及微信小程序界面布局、事件響應及圖片操作相關實現(xiàn)技巧,需要的朋友可以參考下2017-12-12
React Native JSI實現(xiàn)RN與原生通信的示例代碼
本文主要介紹了React Native JSI實現(xiàn)RN與原生通信的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
阻止別人不那么容易下載或查看到你的CSS文件,高手可能阻止不了,不過新手們一時會不知所措,費一番周折了2009-10-10
這篇文章主要介紹了js實現(xiàn)頭像圖片切割縮放及無刷新上傳圖片的方法,涉及javascript結合php實現(xiàn)文件無刷新上傳等相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS+CSS實現(xiàn)可以凹陷顯示選中單元格的方法,實例分析了javascript操作css的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
前端圖片懶加載(lazyload)的實現(xiàn)方法(提高用戶體驗)
圖片懶加載又稱圖片延時加載、惰性加載，即在用戶需要使用圖片的時候加載，這樣可以減少請求，節(jié)省帶寬，提高頁面加載速度，相對的，也能減少服務器壓力,下面通過本文給大家分享圖片懶加載lazyload的實現(xiàn)方法，感興趣的朋友一起看看吧2017-08-08
這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對頁面元素遍歷及顯示與隱藏的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
javascript中call,apply,callee,caller用法實例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結合實例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關操作注意事項,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了js獲取圖片的base64編碼并壓縮，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2020-12-12
下面小編就為大家?guī)硪黄僇S焦點圖特效實例(可一個頁面多用)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12