关于计算坐标问题

复制型选手

再飓风填表的时候碰到一个坐标问题，通过上传验Z图标，传回了 点击坐标(427,126)，但是这个相对于图形图片的坐标，已知道图形图片的元素先相对于页面的坐标是(82，333）)  想要计算出 坐标点(427，126)相对于页面的坐标，一开始我是用X=427+82，Y=126+333，用元素_点击发现还是点不出，不懂是否是我的坐标计算有问题，对于填表不是很懂，麻烦懂得老哥解答下

black0216

是的，你看你这图，把返回坐标* 62% 得到 264 ,78，差不多就是你画的这个位置了


补充内容 (2024-4-5 12:53):
整个页面的坐标那就是，加上起始的82，333了

承易

页面坐标(pageX, pageY)：这是相对于整个网页的坐标，原点通常位于网页的左上角。即使页面内容超出了视口（viewport），这些坐标点也可能超出实际屏幕尺寸。
客户区坐标(clientX, clientY)：这是相对于浏览器视口的坐标，原点位于视口的左上角。如果页面没有滚动，那么客户区坐标与客户区坐标系是一致的。
偏移坐标(offsetX, offsetY)：这是相对于触发事件的元素边界的坐标，原点位于元素的左上角。这些坐标不考虑任何父元素或其他上下文的影响。
层叠坐标(layerX, layerY)：这是相对于最近的具有定位属性（如position: relative或position: absolute）的祖先元素的坐标，如果没有这样的元素，则与页面坐标相同。
默认视图坐标(screenX, screenY)：这是相对于电脑屏幕上的浏览器窗口的坐标，原点位于屏幕的左上角。
相关元素坐标(relatedElementX, relatedElementY)：这是相对于提供的事件目标的坐标，原点位于该元素的左上角。
全局坐标(globalX, globalY)：这是相对于全局窗口的坐标，原点位于全局窗口的左上角。
滚动位置坐标(scrollX, scrollY)：这是相对于最近具有滚动条的元素的坐标，原点位于该元素的左上角。
固定位置坐标(fixedX, fixedY)：这是相对于最近具有固定定位的元素的坐标，原点位于该元素的左上角。
窗口坐标(windowX, windowY)：这是相对于当前窗口的坐标，原点位于窗口的左上角。
视口坐标(viewX, viewY)：这是相对于当前视口的坐标，原点位于视口的左上角。
画布坐标(canvasX, canvasY)：这是相对于HTML5 canvas元素的坐标，原点位于canvas的左上角。

你看看用哪个计算

black0216

你上传验Z图，返回的坐标是原图的坐标，实际上你点击验证码这里他是进行了缩放的

black0216

你哪个坐标是原图的坐标，实际上你点击的图这里他是缩放了的

补充内容 (2024-4-5 12:23):
按你给的坐标看，和实际坐标比，至少缩放是原图60%+

复制型选手

black0216 发表于 2024-4-5 12:20
你哪个坐标是原图的坐标，实际上你点击的图这里他是缩放了的

补充内容 (2024-4-5 12:23):

那像这样我验证图片是要先上传识别网站，然后网站返回坐标给我，我拿到坐标要怎么准确点击这个位置

black0216

复制型选手 发表于 2024-4-5 12:38
那像这样我验证图片是要先上传识别网站，然后网站返回坐标给我，我拿到坐标要怎么准确点击这个位置 ...

你先看一下上传原图像素，和验z框里图像素，对比下

复制型选手

black0216 发表于 2024-4-5 12:40
你先看一下上传原图像素，和验z框里图像素，对比下

缩了62%  那就是获得得坐标再同样缩小62%？

black0216

264 + 82 = 346    ，78+ 333 = 412
就这个位置了，我截图有些误差