2017-09-13 87 views
0

我已經記錄存儲爲數組的鼠標路徑。用不同的起點和終點重複鼠標路徑

record: function(selector) { 
    var target = document.querySelector(selector); 
    this.target = target; 
    target.addEventListener('mousemove', (event) => { 
     if (!event.isTrusted) 
      return false; 

     var x = event.pageX - target.offsetLeft; 
     var y = event.pageY - target.offsetTop; 

     this.addPoint(x, y); 
    }); 
} 

我該如何重複記錄路徑和其他起止點座標? 有人可以提供代碼示例或庫嗎?

例如:

[0, 1] [0, 2] [0, 3] [0, 4] 

開始點是[0,1]和結束點[0,4]。 我想重複相同的路徑,但有不同的起點和終點。

+0

如果您希望能夠在同一個位置選擇開始AND端點,這是否意味着您可以轉換路徑?假設orig是[0,1] [0,2] [0,3] [0,4]。如果選擇[0,-1]和[0,-7],則路徑將爲[0,-1] [0,-3] [0,-5] [0,-7]在不同的方向)。 – Stucco

+0

將路徑創建爲增量,而不是絕對位置。所以如果你以[2,0]開始,然後在y上升了5,那麼你輸入[0,5]意味着你在y上升了5。同樣,如果你在y上升了3,在x上下降了2,你會有[-2,3]。鑑於每個座標都顯示了一個點和另一個點之間的差異,您會發現從一個點開始很容易,然後逐個應用增量。 –

回答

相關問題