精確測量畫布邊距的方法

Question

由於畫布使用自己的局部座標系，我嘗試了幾種方法來確定鼠標點擊的全局X，Y並將它們轉換爲座標系。我通過兩種jQuery的

.offset() 

或通過使用JavaScript中

getBoundingClientRect() 

做到這一點減去從畫布本身的左邊距和上邊距。

不幸的是，這些都會受到瀏覽器滾動的影響。我可能只是缺少一個屬性（我使用e.clientX和e.clientY，因爲我知道它們是跨瀏覽器的），這會給我一個更明確的值......我一直在研究DOM元素的所有屬性並沒有一個似乎給我什麼我需要...

我需要一個滾動無關的方式來確定從文檔頂多遠，我將鼠標點擊與座標系統。

...或者我是一個白癡，並有一個跨瀏覽器的方式來檢測相對於對象的鼠標點擊？提前致謝。

Answer 1

我能找到的最佳方法是使用諸如$（'＃'）。offset（）的jQuery方法，然後計算滾動。或者，可以使用Object.getBoundingClientRect（），但我不確定跨瀏覽器的兼容性。

沒有人覺得像在鳴叫，哈哈。