HTML5 mouse coordinate fix (account for letterboxing)
This commit is contained in:
@@ -59,10 +59,28 @@ class MouseEventManager {
|
|||||||
|
|
||||||
if (window != null && window.element != null) {
|
if (window != null && window.element != null) {
|
||||||
|
|
||||||
|
if (window.canvas != null) {
|
||||||
|
|
||||||
|
var rect = window.canvas.getBoundingClientRect ();
|
||||||
|
eventInfo.x = (event.clientX - rect.left) * (window.width / rect.width);
|
||||||
|
eventInfo.y = (event.clientY - rect.top) * (window.height / rect.height);
|
||||||
|
|
||||||
|
} else if (window.div != null) {
|
||||||
|
|
||||||
|
var rect = window.div.getBoundingClientRect ();
|
||||||
|
//eventInfo.x = (event.clientX - rect.left) * (window.div.style.width / rect.width);
|
||||||
|
eventInfo.x = (event.clientX - rect.left);
|
||||||
|
//eventInfo.y = (event.clientY - rect.top) * (window.div.style.height / rect.height);
|
||||||
|
eventInfo.y = (event.clientY - rect.top);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
var rect = window.element.getBoundingClientRect ();
|
var rect = window.element.getBoundingClientRect ();
|
||||||
eventInfo.x = (event.clientX - rect.left) * (window.width / rect.width);
|
eventInfo.x = (event.clientX - rect.left) * (window.width / rect.width);
|
||||||
eventInfo.y = (event.clientY - rect.top) * (window.height / rect.height);
|
eventInfo.y = (event.clientY - rect.top) * (window.height / rect.height);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
eventInfo.x = event.clientX;
|
eventInfo.x = event.clientX;
|
||||||
|
|||||||
Reference in New Issue
Block a user