Breaking News: Grepper is joining You.com. Read the official announcement!

mouse coordinates not math with canvas coordinates in js

it's Devyansh answered on November 10, 2021 Popularity 7/10 Helpfulness 8/10

answer mouse coordinates not math with canvas coordinates in js

mouse coordinates not math with canvas coordinates in js

Comment

function getCursorPosition(canvas, event) {
    const rect = canvas.getBoundingClientRect()
    const x = event.clientX - rect.left
    const y = event.clientY - rect.top
    console.log("x: " + x + " y: " + y)
}

const canvas = document.querySelector('canvas')
canvas.addEventListener('mousedown', function(e) {
    getCursorPosition(canvas, e)
})

Popularity 7/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: canvas coordinate coordinates javascript match math mouse-coordinates

Link to this answer
Share Copy Link