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