summaryrefslogtreecommitdiffstats
path: root/src/svgpan_js.h
diff options
context:
space:
mode:
Diffstat (limited to 'src/svgpan_js.h')
-rw-r--r--src/svgpan_js.h100
1 files changed, 62 insertions, 38 deletions
diff --git a/src/svgpan_js.h b/src/svgpan_js.h
index 0714d6d..ddc3eac 100644
--- a/src/svgpan_js.h
+++ b/src/svgpan_js.h
@@ -1,5 +1,6 @@
"/**\n"
" * The code below is based on SVGPan Library 1.2 and was modified for doxygen\n"
+" * to support both zooming and panning via the mouse and via embedded bottons.\n"
" *\n"
" * This code is licensed under the following BSD license:\n"
" *\n"
@@ -46,11 +47,10 @@
"if (!window) window=this;\n"
"\n"
"/**\n"
-" * Register handlers\n"
+" * Show the graph in the middle of the view, scaled to fit \n"
" */\n"
-"function init(evt) \n"
+"function show()\n"
"{\n"
-" svgDoc = evt.target.ownerDocument;\n"
" if (window.innerHeight) // Firefox\n"
" {\n"
" windowWidth = window.innerWidth;\n"
@@ -61,21 +61,39 @@
" windowWidth = document.documentElement.clientWidth\n"
" windowHeight = document.documentElement.clientHeight\n"
" }\n"
-" else\n"
+" if (!windowWidth || !windowHeight) // failsafe\n"
" {\n"
" windowWidth = 800;\n"
" windowHeight = 600;\n"
" }\n"
-" minZoom = windowHeight/viewHeight;\n"
-" maxZoom = 1.5;\n"
+" minZoom = Math.min(windowHeight/viewHeight,windowWidth/viewWidth);\n"
+" maxZoom = minZoom+1.5;\n"
" zoomInFactor = Math.pow(maxZoom/minZoom,1.0/zoomSteps);\n"
" zoomOutFactor = 1.0/zoomInFactor;\n"
"\n"
" var g = svgDoc.getElementById('viewport');\n"
-" var bb = g.getBBox();\n"
-" var a = 'scale('+minZoom+') rotate(0) translate('+((innerWidth-viewWidth*minZoom)/(2*minZoom))+' '+viewHeight+')';\n"
+" try\n"
+" {\n"
+" var bb = g.getBBox(); // this can throw an exception if css { display: none }\n"
+" var tx = (windowWidth-viewWidth*minZoom+8)/(2*minZoom);\n"
+" var ty = viewHeight+(windowHeight-viewHeight*minZoom)/(2*minZoom);\n"
+" var a = 'scale('+minZoom+') rotate(0) translate('+tx+' '+ty+')';\n"
+" g.setAttribute('transform',a);\n"
+" }\n"
+" catch(e) {}\n"
+"}\n"
"\n"
-" g.setAttribute('transform',a);\n"
+"/**\n"
+" * Register handlers\n"
+" */\n"
+"function init(evt) \n"
+"{\n"
+" svgDoc = evt.target.ownerDocument;\n"
+" if (top.window && top.window.registerShow) // register show function in html doc for dynamic sections\n"
+" {\n"
+" top.window.registerShow(sectionId,show);\n"
+" }\n"
+" show();\n"
"\n"
" setAttributes(root, {\n"
" \"onmousedown\" : \"handleMouseDown(evt)\",\n"
@@ -85,36 +103,22 @@
"\n"
" if (window.addEventListener)\n"
" {\n"
-" if (navigator.userAgent.toLowerCase().indexOf('webkit') >= 0 || navigator.userAgent.toLowerCase().indexOf(\"opera\") >= 0)\n"
-" window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari\n"
+" if (navigator.userAgent.toLowerCase().indexOf('webkit') >= 0 || \n"
+" navigator.userAgent.toLowerCase().indexOf(\"opera\") >= 0 || \n"
+" navigator.appVersion.indexOf(\"MSIE\") != -1)\n"
+" {\n"
+" window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari/IE9\n"
+" }\n"
" else\n"
+" {\n"
" window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Others\n"
+" }\n"
" }\n"
"}\n"
"\n"
"window.onresize=function()\n"
"{\n"
-" if (svgDoc)\n"
-" {\n"
-" var newWindowWidth;\n"
-" if (window.innerWidth) // Firefox\n"
-" {\n"
-" newWindowWidth = window.innerWidth;\n"
-" }\n"
-" else if (document.documentElement.clientWidth) // Chrome/Safari\n"
-" {\n"
-" newWindowWidth = document.documentElement.clientWidth\n"
-" }\n"
-" if (newWindowWidth)\n"
-" {\n"
-" var g = svgDoc.getElementById(\"viewport\");\n"
-" var n = g.getCTM();\n"
-" n = n.translate((newWindowWidth-windowWidth)/(2*minZoom),0);\n"
-" setCTM(g, n);\n"
-" stateTf = stateTf.multiply(n.inverse());\n"
-" windowWidth = newWindowWidth;\n"
-" }\n"
-" }\n"
+" if (svgDoc) { show(); }\n"
"}\n"
"\n"
"/**\n"
@@ -178,9 +182,14 @@
" {\n"
" delta = evt.wheelDelta / 720; // Opera\n"
" }\n"
+" else if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ||\n"
+" navigator.appVersion.indexOf(\"MSIE\") != -1)\n"
+" {\n"
+" delta = evt.wheelDelta / 7200; // Chrome/IE9\n"
+" }\n"
" else\n"
" {\n"
-" delta = evt.wheelDelta / 7200; // Chrome/Safari/Opera\n"
+" delta = evt.wheelDelta / 72000; // Safari\n"
" }\n"
" }\n"
" else\n"
@@ -243,6 +252,18 @@
" state = '';\n"
"}\n"
"\n"
+"/**\n"
+" * Dumps a matrix to a string (useful for debug).\n"
+" */\n"
+"function dumpMatrix(matrix) \n"
+"{\n"
+" var s = \"[ \" + matrix.a + \", \" + matrix.c + \", \" + matrix.e + \"\\n \" + matrix.b + \", \" + matrix.d + \", \" + matrix.f + \"\\n 0, 0, 1 ]\";\n"
+" return s;\n"
+"}\n"
+"\n"
+"/**\n"
+" * Handler for pan buttons\n"
+" */\n"
"function handlePan(x,y)\n"
"{\n"
" var g = svgDoc.getElementById(\"viewport\");\n"
@@ -250,22 +271,25 @@
"}\n"
"\n"
"/**\n"
-" * Dumps a matrix to a string (useful for debug).\n"
+" * Handle reset button\n"
" */\n"
-"function dumpMatrix(matrix) \n"
+"function handleReset()\n"
"{\n"
-" var s = \"[ \" + matrix.a + \", \" + matrix.c + \", \" + matrix.e + \"\\n \" + matrix.b + \", \" + matrix.d + \", \" + matrix.f + \"\\n 0, 0, 1 ]\";\n"
-" return s;\n"
+" show();\n"
"}\n"
"\n"
+"/**\n"
+" * Handler for zoom buttons\n"
+" */\n"
"function handleZoom(evt,direction)\n"
"{\n"
" var g = svgDoc.getElementById(\"viewport\");\n"
" var factor = direction=='in' ? zoomInFactor : zoomOutFactor;\n"
" var m = g.getCTM();\n"
" var p = root.createSVGPoint();\n"
-" p.x = windowWidth/2; \n"
+" p.x = windowWidth/2;\n"
" p.y = windowHeight/2;\n"
" doZoom(g,p,factor);\n"
"}\n"
"\n"
+"\n"