簡單的多點觸控手勢演算法

2021-05-22 08:59:11 字數 955 閱讀 1793

簡單的多點觸控手勢演算法

1.zoom動作

1)檢測到雙指down事件,記錄此時雙指間的距離為olddistant;

2)當雙指移動時,實時計算雙指間的距離sampledistant;

3)計算出縮放比例:zoom = sampledistant / olddistant;

4)重複第2,3步直到up事件發生。

2.rotate動作

1)檢測雙指的down事件,記錄此時雙指座標的x座標和y座標之差,和雙指間的距離,分別記為olddisx,olddisy,olddistant;

2)當雙指移動時,記錄此時兩點間的距離distant,disx,disy.

3)如果olddistant與distant的值接近,disx,disy與olddisx,olddisy的值有較大變化,則視為rotate動作,rotate的角度由disy/disx,與olddisy/olddisx的比值變化決定。

4)重複2)3)兩步,直到up事件發生結束計算。

在 Mac 上使用多點觸控手勢

使用多點觸控觸控板或妙控滑鼠,您可以通過輕點 輕掃 捏合或開合一根或多根手指進行有用的操作。有關這些手勢的更多資訊,請選取蘋果選單 系統偏好設定 然後點按 觸控板 您可以關閉某個手勢,更改手勢型別,以及了解哪些手勢可在您的 mac 上使用。輕點來點按 用單指輕點來進行點按。輔助點按 右鍵點按 用雙指...

windows觸控手勢

觸控板手勢 簡而言之,在這篇文章裡,觸控手勢1到4可以在任何一種觸控板上使用,而手勢5到8則需要精確觸控板。1.拖拽 要模擬滑鼠的拖拽功能,只需要將乙個手指在某個專案上輕輕的雙擊一下,然後就可以拖拽它了。當拖拽到需要的位置時抬起指尖,就可以把這個專案放置到所在的地方。2.滾屏 3.縮放 要模擬在大多...

vue 多點觸控手勢 移動端手勢事件(多指操作)

在移動端開發中,現有的手勢事件只有ios上的瀏覽器支援,因此對其他裝置上的瀏覽器手勢事件我們必須在移動端的touchstart toucmove touchend事件上進行改造公升級,下面就介紹下公升級改造的移動端的手勢事件。移動端觸控事件 基礎事件 touchstart 觸控開始 touchmov...