我正在跟蹤使用javascript的用戶的鼠標移動並將其與瀏覽器分辨率一起存儲。 然後我可以在我的瀏覽器中檢查1024 x 768分辨率的用戶鼠標移動。 但是,如果用戶使用的是800 x 600的瀏覽器,那麼鼠標移動記錄爲800 x 600.而當我在1024 x 768中看到鼠標移動時,鼠標移動是錯誤的。 那麼我怎樣才能從800 x 600擴展到1024 x 768?在800 x 600上跟蹤鼠標移動並在1024 x 768上顯示
2
A
回答
7
你基本上乘以寬/高比用戶的X/Y座標:
x *= 1024/800;
y *= 768/600;
我建議你也採用了比後兩者的座標應用Math.round()。
編輯:這當然假設更大分辨率的所有東西都會以相同比例調整大小,否則會出現問題。例如,如果您嘗試在網頁上覆蓋鼠標移動,並且該網頁具有200px固定寬度的側欄,無論用戶的分辨率是多少,那麼當然,當您將x/y座標與比率,您可能會發現指針甚至不在用戶的側邊欄之上。
EDIT2:在網頁的情況下,最安全的方法是將記錄用戶的視口寬度/高度,然後嵌入在容器中與精確大小相同的網頁(如的iframe),以便重播動作。這樣你可以避免一些問題。
0
您如何調整瀏覽器以匹配用戶的尺寸?
相關問題
- 1. 在鼠標懸停/鼠標移動時顯示X軸值
- 2. 跟蹤鼠標移動
- 3. 使用GWT在頁面上跟蹤鼠標移動
- 4. 以1024 x 768分辨率設計
- 5. 在java中跟蹤鼠標移動
- 6. 跟蹤鼠標移動
- 7. 在畫布上跟蹤鼠標移動時的奇怪行爲
- 8. 如何在Google TV上跟蹤鼠標移動
- 9. Android:跟蹤鼠標指針移動
- 10. 在Java上跟蹤鼠標位置WorldWind
- 11. 在QGraphicsItem上跟蹤鼠標位置
- 12. 在網站上跟蹤鼠標點擊
- 13. 移動多個div的x和y在鼠標x,y在js
- 14. 在1024 x 600分辨率設備上運行應用程序的問題
- 15. 跟蹤鼠標移動QGraphicsScene類
- 16. 如何在x軸上顯示標籤?
- 17. 如何僅在Unity3D上使用鼠標在X軸上移動對象?
- 18. C#跟蹤鼠標運動
- 19. 當鼠標在字母上移動時顯示字母
- 20. 鼠標移動時在畫布上顯示矩形
- 21. 在XYLineChart上顯示X值
- 22. LLDB objc_msgSend跟蹤在OS X
- 23. 移動光標不會顯示在Mac OS X上某處的foucus上
- 24. 將鼠標懸停在圓上X
- 25. 移動鼠標時如何顯示X軸和Y軸的值?
- 26. 在jPanel上顯示鼠標座標
- 27. 用鼠標動畫x移動
- 28. 鼠標移動後跟Y但不是X軸的背景
- 29. 如何跟蹤鼠標X/Y位置並將其打印到標籤?
- 30. iTunes Connect要求新圖標 - 1024 x 1024