缩放鼠标可以针对不同的分辨率进行协调

时间:2015-07-08 09:03:21

标签: javascript math heatmap screen-resolution mousemove

我正在制作热图,我有不同的分辨率[1920x953],[953x502]。我正在从这些决议中收集点,并希望在[1280x768]上绘制热图。但是我遇到了缩放不正常的问题。

我在[1920x953]中有鼠标坐标(1160,35),[953x502]中有(704,35),我想在[1280x768]分辨率上绘制这些点。因此,关于目标分辨率,必须按比例放大/缩小这些点。我使用过这些公式,但没有得到正确的价值。顺便说一句,(839,35)是[1280x768]的值。

TargetScreenPoint = (CapturedScreenPoint/Captured Screen Resolution) * Target Screen Resolution  
tsp = (1160/1920) * 1280 = 773

Target screen point = (Target Screen Resolution - Captured Screen Resolution)/2 + captured screen point  
tsp = (1280 - 1920)/2 + 1160 = 840  

第一种方法是给出错误的值773.但第二种方法是给出正确的值840.

但我想使用通用公式进行缩放。请帮忙。谢谢!

0 个答案:

没有答案