如何取得 Canvas 元素上的滑鼠點擊座標？

取得滑鼠在畫布元素上點擊的座標

確定滑鼠在畫布元素上點擊的座標對於各種應用程式至關重要。以下是適用於 Safari、Opera 和 Firefox 的跨瀏覽器解決方案：

此程式碼片段使用 getBoundingClientRect() 方法來取得畫布元素在文件中的位置。然後，它計算滑鼠點擊相對於畫布元素原點的 x 和 y 座標。

透過為 mousedown 事件新增事件偵聽器，您可以擷取滑鼠點擊並使用 getCursorPosition 函數檢索座標。可以出於各種目的進一步處理此訊息，例如畫布元素內的物件操作或使用者互動。

以上是如何取得 Canvas 元素上的滑鼠點擊座標？的詳細內容。更多資訊請關注PHP中文網其他相關文章！