How to get x and y coordinates in Javascript on a canvas

Question

Hi I am trying to get the upper Left and lower right coordinates of the rectangle on the canvas. you can draw the canvas by clicking Rectangle checkbox and using the mouse down event. How can I display x and y coordinates. Please help http://jsfiddle.net/K5wcs/2/

 <input type="text" id="XCoordinate" value="" >
    <span>Metric</span>
  <input type="text" id="YCoordinate" value="" >
    <span>Metric</span>

possible duplicate of [Getting mouse location in canvas](http://stackoverflow.com/questions/1114465/getting-mouse-location-in-canvas) — Zach Saucier, Apr 14 '14 at 21:54
Can you please add in the code as I am still getting a issue. its not displaying — tryingtolearn, Apr 14 '14 at 22:05
Also dupe from same user: http://stackoverflow.com/questions/22669974/how-can-i-display-the-mouse-coordinates-in-fabric-js — Zach Saucier, Apr 14 '14 at 22:12

score 0 · Accepted Answer · answered Apr 14 '14 at 22:38

0

I got my answer:

        mySel.x = mx - offsetx;
        mySel.y = my - offsety;


$mouse.innerHTML = "(" + mySel.x + "," + mySel.y + ")" ;

and in the end add this to HTML

 <div id="MouseCoords"></div>

answered Apr 14 '14 at 22:38

tryingtolearn

177
14

How to get x and y coordinates in Javascript on a canvas

1 Answers1