如何获取 HTML5 画布上点击的坐标?

2024-01-01

我需要获取单击 HTML5 画布元素的位置的 x 和 y 坐标。我对 y 坐标做了以下操作:

 $("#my_canvas").click(function(event) {
        alert(Math.floor(event.clientY-$(this).offset().top));
 });

这给了我看起来正确的 y 坐标。问题是如果你向下滚动,clientY变得更小,因为它似乎正在测量屏幕上的 y 坐标,忽略滚动。所以上面给出了一个负数。

获取 x 和 y 坐标的正确方法是什么?


Use pageY http://api.jquery.com/event.pageY/代替clientY,这样您比较的两个坐标都是相对于文档的:

event.pageY-$(this).offset().top
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取 HTML5 画布上点击的坐标? 的相关文章

随机推荐