Javascript如何實(shí)現(xiàn)雙指控制圖片功能
更新時(shí)間：2020年02月25日 10:04:51 作者：newmiracle宇宙
這篇文章主要介紹了Javascript如何實(shí)現(xiàn)雙指控制圖片功能,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
javascript 實(shí)現(xiàn)雙指放大縮小旋轉(zhuǎn)圖片
1 先記錄 屏幕上 的手指數(shù)量 (記錄方法 按下+1 松開(kāi)-1）
2 記錄每個(gè)手指的在屏幕上的坐標(biāo) 每個(gè)手指的touchid不一樣 用數(shù)組存就行 shouzhis[touchid]= x,y
3 如果屏幕上有2個(gè)手指
1 縮放按照2個(gè)手指的距離來(lái)計(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è)手指的角度來(lái)計(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;
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序封裝網(wǎng)絡(luò)請(qǐng)求和攔截器實(shí)戰(zhàn)步驟
這篇文章主要介紹了微信小程序封裝網(wǎng)絡(luò)請(qǐng)求和攔截器實(shí)戰(zhàn)步驟，這樣可以提高開(kāi)發(fā)效率，減少代碼重復(fù)，同時(shí)也可以提高代碼的可維護(hù)性和可讀性2023-03-03
在Javascript中為String對(duì)象添加trim,ltrim,rtrim方法
利用Javascript中每個(gè)對(duì)象(Object)的prototype屬性我們可以為Javascript中的內(nèi)置對(duì)象添加我們自己的方法和屬性。2006-09-09
Bootstrap 附加導(dǎo)航（Affix）插件實(shí)例詳解
附加導(dǎo)航（Affix）插件允許某個(gè) <div> 固定在頁(yè)面的某個(gè)位置。接下來(lái)通過(guò)本文給大家介紹Bootstrap 附加導(dǎo)航（Affix）插件實(shí)例詳解，感興趣的朋友一起看看吧2016-06-06
這篇文章主要為大家詳細(xì)介紹了laydate日歷控件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript實(shí)現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)提交模式窗口后刷新父窗口數(shù)據(jù)的方法,涉及javascript窗口交互的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序wepy框架學(xué)習(xí)和使用心得詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
本文將用一個(gè)簡(jiǎn)單的例子詳細(xì)講解如何用原生JS一步步實(shí)現(xiàn)完整的任意位置縮放圖片功能,無(wú)任何第三方依賴(lài),指針事件 進(jìn)行多端統(tǒng)一的事件監(jiān)聽(tīng),干貨滿(mǎn)滿(mǎn),需要的朋友可以參考下2024-04-04
js實(shí)現(xiàn)鼠標(biāo)滑過(guò)文字鏈接色彩變化的效果
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)滑過(guò)文字鏈接色彩變化的效果,涉及javascript鼠標(biāo)事件及樣式操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
JavaScript實(shí)現(xiàn)的反序列化json字符串操作示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的反序列化json字符串操作,結(jié)合實(shí)例形式分析了eval與JSON.parse兩種反序列化json字符串的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
JavaScript實(shí)現(xiàn)長(zhǎng)圖滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)長(zhǎng)圖滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04