溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Javascript實(shí)現(xiàn)雙指控制圖片功能的方法

發(fā)布時(shí)間:2021-02-01 13:36:29 來源:億速云 閱讀:307 作者:小新 欄目:web開發(fā)

小編給大家分享一下Javascript實(shí)現(xiàn)雙指控制圖片功能的方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

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;
  }

看完了這篇文章,相信你對(duì)“Javascript實(shí)現(xiàn)雙指控制圖片功能的方法”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI