отслеживать движения мыши на 800 х 600 и показывать на 1024 х 768

Question

Я отслеживаю движения мыши пользователя, используя javascript и сохраняю его вместе с разрешением браузера.Затем я могу проверить движение мыши в моем браузере с разрешением 1024 x 768.Но если пользователь использует браузер с разрешением 800 x 600, то движения мыши записываются по 800 x 600. И когда я вижу движения мыши в 1024 x 768, движения мыши ошибочны.Так, как я могу масштабировать от 800 x 600 до 1024x 768?

Answer 1

Вы в основном умножаете пользовательские координаты x / y на соотношение ширина / высота:

x *= 1024/800;
y *= 768/600;

Я предлагаю вам также применить Math.round () к обеим координатам после применения отношения.

Редактировать: Это, конечно, предполагает, что все в большем разрешении изменено для такого же соотношения для пользователя, иначе будут проблемы.

Например, если вы пытаетесь наложить движение мыши на веб-страницу, и эта веб-страница имеет боковую панель фиксированной ширины 200 пикселей независимо от разрешения пользователя, то, конечно, когда вы умножаете координаты х / у на отношение, Вы можете обнаружить, что указатель находится даже не над боковой панелью, как это было для пользователя.

Edit2: В случае веб-страницы самым безопасным способом будет запись ширины / высоты области просмотра пользователя, а затем встраивание той же веб-страницы в контейнер (например, в iframe) с таким точным размером для того, чтобы повторить действия. Таким образом вы избежите некоторых проблем.

Answer 2

Как насчет изменения размера браузера в соответствии с размерами пользователя?