首頁 > web前端 > js教程 > 如何取得 Canvas 元素上的滑鼠點擊座標?

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

Patricia Arquette
發布: 2024-12-08 14:34:15
原創
626 人瀏覽過

How Can I Get Mouse Click Coordinates on a Canvas Element?

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

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

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板