corrected cursor position on html canvas

1 files changed, 4 insertions, 4 deletions

diff --git a/gate_build/src/html/gate.js b/gate_build/src/html/gate.js
index d6e9c97..f288596 100644
--- a/gate_build/src/html/gate.js
+++ b/gate_build/src/html/gate.js
@@ -344,15 +344,15 @@ function gate(args) {
 
   function handleMouseMotion(evt) {
     if (Module.currentlyRunning) {
-      cursorPos.x = evt.clientX;
-      cursorPos.y = evt.clientY;
+      cursorPos.x = evt.clientX * (canvas.width / canvas.clientWidth);
+      cursorPos.y = evt.clientY * (canvas.height / canvas.clientHeight);
     }
   }
 
   function handleMouseEvent(evt, down) {
     if (Module.currentlyRunning) {
-      cursorPos.x = evt.clientX;
-      cursorPos.y = evt.clientY;
+      cursorPos.x = evt.clientX * (canvas.width / canvas.clientWidth);
+      cursorPos.y = evt.clientY * (canvas.height / canvas.clientHeight);
       const continuing = Module.gateWasmMouseEvent(cursorPos.x, cursorPos.y, evt.button, down)
       if (!continuing) {
         quitApp();