javascript - js获取网页图片坐标点问题。

问题描述

问 题

想在一个图片上单击某个位置，然后获取该点的坐标系，为了保证图片缩放时，坐标点会指定在图片的同一个地方，请问该如何实现呢？

解决方案

你需要获取4个参数，点击事件的offsetX, offsetY, 现在图片的宽高，
这样你的点击位置在原始图片中的相对位置就是
x=offsetX/currentWidth
y的计算和x类似

相对位置是0到1之间的数，和缩放无关。只要相对位置一致，或者在你允许的误差区间内，你都可以认为是一个位置

这篇关于javascript - js获取网页图片坐标点问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！