Question

我有一个响应式图像，它正在处理不同的移动分辨率。我想问你，当我在左上角，左上角等任何地方点击图像时，我想得到它的（图像）位置。意思是它被点击的位置。我尝试了以下场景，在实现我的源代码时，我得到了一个关于点击图像的特定位置的坐标。

问题：每个移动设备都有不同的分辨率，因此，对于相同的场景，坐标会有所不同。我要求实现像点击图像的位置应该在每个分辨率上相同。

请告诉我如何解决我的问题，哪一个是最好的技术，告诉我是否有人知道解决这个问题。

Answer 1

之前有一些帖子试图达到你想要的效果，通过计算比例可以实现基本逻辑：

var xratio=225/420;   // 420-mouse-x-coord divided by 420
var yratio=38/38;     // mouse-y-coord/element height

var x=320*xratio;
var y=38*yratio;

请参阅以下参考资料：