Make getMouse() work with turtle graphics window

Author: feeley

include/actions.js

@@ -1664,8 +1664,17 @@ function builtin_getMouse() {
 builtin_getMouse._apply_ = function (rte, cont, this_, params) {
 
     var code = function (rte, cont) {
-        pos = pixels_window.pageToRelative(cb.mousePos);
-        return return_fn_body(rte, { x: pos.x, y: pos.y, down: cb.mouseDown });
+        var state;
+        if (showing_drawing_window()) {
+            var pos = drawing_window.pageToRelative(cb.mousePos);
+            state = { x: pos.x, y: pos.y, down: cb.mouseDown };
+        } else if (showing_pixels_window()) {
+            var pos = pixels_window.pageToRelative(cb.mousePos);
+            state = { x: pos.x, y: pos.y, down: cb.mouseDown };
+        } else {
+            state = { x: cb.mousePos.x, y: cb.mousePos.y, down: cb.mouseDown };
+        }
+        return return_fn_body(rte, state);
     };
 
     return exec_fn_body(code,

include/drawing.js

@@ -316,6 +316,20 @@ DrawingWindow.prototype.drawtext = function (text) {
   ctx.restore();
 };
 
+DrawingWindow.prototype.pageToRelative = function (coord) {
+    var rect = getCoords(this.drawing_canvas);
+    var w = this.drawing_canvas.width;
+    var h = this.drawing_canvas.height;
+    var x = Math.max(0, Math.min(w, coord.x - rect.x - 3)) - w/2;
+    var y = h/2 - Math.max(0, Math.min(h, coord.y - rect.y - 3));
+    return { x: x, y: y };
+};
+
+function getCoords(elem) {
+    var rect = elem.getBoundingClientRect();
+    return { x: rect.left + pageXOffset, y: rect.top + pageYOffset };
+}
+
 var drawing_window;
 
 function create_drawing_window(width, height) {