Javascript實(shí)現(xiàn)雙指控制圖片功能的方法-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)公司的客戶來自各行各業(yè)，為了共同目標(biāo)，我們在工作上密切配合，從創(chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對我們的要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括做網(wǎng)站、成都網(wǎng)站制作、電商網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)。

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

看完了這篇文章，相信你對“Javascript實(shí)現(xiàn)雙指控制圖片功能的方法”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前題目：Javascript實(shí)現(xiàn)雙指控制圖片功能的方法-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://m.jiaotiyi.com/article/gdojs.html