Javascript 如何通过单击从图像中获取像素数？

我有一个图像16000x9000，它显示在一个简单的页面上，其容器具有预定义的大小

myimage.onclick=函数（e）{
控制台日志（e.x，e.y）；
};
要使用的图像：

您可以做一些数学运算来比较元素的大小和原始图像的大小

myimage.onclick=函数（e）{
var ratioX=e.target.naturalWidth/e.target.offsetWidth；
变量比率=e.target.naturalHeight/e.target.offsetHeight；
var domX=e.x+window.pageXOffset-e.target.offsetLeft；
var domY=e.y+window.pageYOffset-e.target.offsetTop；
var imgX=数学圆（domX*ratioX）；
var imgY=数学圆（domY*ratioY）；
console.log（imgX、imgY）；
};
要使用的图像：

可能重复@emix我不会说你需要从结果中减去偏移量，这可能会有所帮助-不管是图像、画布还是div。解决方案就在那里。还要修复您的html，

900px

不是宽度属性的有效值。@emix为什么无效？您太棒了！这正是我需要的！当我点击屏幕右侧时，我得到了

51-3

image@GetOffMyLawn是的，如果您滚动页面，这将不起作用。您必须全屏查看。您应该考虑x/y滚动偏移