我正在跟蹤使用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. 使用GWT在頁面上跟蹤鼠標移動
- 2. 跟蹤鼠標移動
- 3. Android:跟蹤鼠標指針移動
- 4. 在QGraphicsItem上跟蹤鼠標位置
- 5. 在網站上跟蹤鼠標點擊
- 6. 在1024 x 600分辨率設備上運行應用程序的問題
- 7. 如何在x軸上顯示標籤?
- 8. 如何僅在Unity3D上使用鼠標在X軸上移動對象?
- 9. 在XYLineChart上顯示X值
- 10. LLDB objc_msgSend跟蹤在OS X
- 11. 將鼠標懸停在圓上X
- 12. 用鼠標動畫x移動
- 13. 鼠標移動後跟Y但不是X軸的背景
- 14. 如何跟蹤鼠標X/Y位置並將其打印到標籤?
- 15. 如何在上傳後跟蹤並顯示上傳的圖像?
- 16. 查詢:顯示器上無顯示(VGA CONTROLLER 800 * 600分辨率)BASYS 2 BOARD
- 17. 跟蹤畫布x和y座標在mousmove事件上的動畫
- 18. 畫布上的鼠標跟蹤
- 19. 在QWidget中跟蹤鼠標光標
- 20. 在多個WindowsFormsHost控件中跟蹤WPF鼠標移動
- 21. 在DIV元素中跟蹤鼠標
- 22. 不同的屏幕分辨率顯示在平板電腦(1024×768)好,但壞的手機(800×480)
- 23. [R plotly顯示在x軸x座標
- 24. 畫布上的鼠標移動高亮顯示正方形
- 25. JMenuBar不顯示在Mac OS X Lion上,但在Win7上顯示
- 26. 問題在iframe中跟蹤鼠標移動
- 27. 的NSView鼠標跟蹤
- 28. 固定Y軸跟隨X軸上的鼠標對象
- 29. TweenLite AS3在x軸問題上移動
- 30. 在x軸上移動日期