start functionality for zooming, right now just alert with coordinates we dragged...

[mandelbrot.git] / xulapp / chrome / mandelbrot / content / mandelbrot.js

diff --git a/xulapp/chrome/mandelbrot/content/mandelbrot.js b/xulapp/chrome/mandelbrot/content/mandelbrot.js
index bcc2df59110d7ea7adb4751ac8acc225a57c9041..7a67687edc3f7a951dad7d89f8396962fe13c8d0 100644 (file)
--- a/xulapp/chrome/mandelbrot/content/mandelbrot.js
+++ b/xulapp/chrome/mandelbrot/content/mandelbrot.js
@@ -335,6 +335,27 @@ function drawPoint(context, img_x, img_y, C, iterMax, algorithm) {
 
 /***** pure UI functions *****/
 
+var zoomstart;
+
+function mouseevent(etype, event) {
+  let canvas = document.getElementById("mbrotImage");
+  switch (etype) {
+    case 'down':
+      if (event.button == 0)
+        // left button - start dragzoom
+        zoomstart = {x: event.clientX - canvas.offsetLeft,
+                     y: event.clientY - canvas.offsetTop};
+      break;
+    case 'up':
+      if (event.button == 0)
+        alert(zoomstart.x + ',' + zoomstart.y + '-' +
+              (event.clientX - canvas.offsetLeft) + ',' +
+              (event.clientY - canvas.offsetTop)); 
+      zoomstart = undefined;
+    break;
+  }
+}
+
 function saveImage() {
   const bundle = document.getElementById("mbrotBundle");
   const nsIFilePicker = Components.interfaces.nsIFilePicker;