2013-06-03 86 views
0
$("#gameCanvas").mousedown(function(e) { 
    var canvasPosition = $(this).offset(); 
    var mouseX = e.layerX || 0; 
    var mouseY = e.layerY || 0; 
} 

從我的理解。 e.layerXe.layerY會給我相對於畫布窗口的光標座標。有人可以澄清代碼片段

canvasPosition = $(this).offset();會做什麼?

當我看的代碼塊的其餘部分(不想貼上這一切,有太多),不使用canvasPosition。我會用它做什麼?基本上,代碼允許我使用鼠標在畫布上移動一個圓形。

+0

好吧,如果變量不使用其他任何地方里面的功能,它可能是從以前的編輯吃剩的,其使用它... –

+1

你讀過了jQuery的文檔? –

回答

0

根據文檔(http://api.jquery.com/offset/),jQuery偏移函數給出元素的位置。

因此,在這種情況下,將返回包含畫布的相對於整個頁面的位置,在像素中,一個對象。

0

在這裏,在這個代碼段中,部分var canvasPosition = $(this).offset();做什麼。當然是剩下的。編碼器可能想過使用畫布位置來確定鼠標指針相對於畫布的位置。