如何在画布上的Javascript中获取x和y坐标

时间:2014-04-14 21:48:21

标签: javascript html5-canvas

您好我正在尝试获取画布上矩形的左上角和右下角坐标。 您可以通过单击“矩形”复选框并使用鼠标按下事件来绘制画布。如何显示x和y坐标。 请帮忙 http://jsfiddle.net/K5wcs/2/

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

1 个答案:

答案 0 :(得分:0)

我得到了答案:

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


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

最后将其添加到HTML

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