34 var
root = document.documentElement;
38 var
cursorGrab =
' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFAAAA////////c3ilYwAAAAN0Uk5T//8A18oNQQAAAD1JREFUeNp0zlEKACAIA9Bt9z90bZBZkQj29qFBEuBOzQHSnWTTyckEfqUuZgFvslH4ch3qLCO/Kr8cAgwATw4Ax6XRCcoAAAAASUVORK5CYII="), move';
47 if (!window) window=
this;
54 if (window.innerHeight)
56 windowWidth = window.innerWidth;
57 windowHeight = window.innerHeight;
59 else if (document.documentElement.clientWidth)
61 windowWidth = document.documentElement.clientWidth
62 windowHeight = document.documentElement.clientHeight
64 if (!windowWidth || !windowHeight)
69 minZoom = Math.min(Math.min(viewHeight,windowHeight)/viewHeight,Math.min(viewWidth,windowWidth)/viewWidth);
70 maxZoom = minZoom+1.5;
71 zoomInFactor = Math.pow(maxZoom/minZoom,1.0/zoomSteps);
74 var g = svgDoc.getElementById(
'viewport');
78 var tx = (windowWidth-viewWidth*minZoom+8)/(2*minZoom);
79 var ty = viewHeight+(windowHeight-viewHeight*
minZoom)/(2*minZoom);
80 var a =
'scale('+minZoom+
') rotate(0) translate('+tx+
' '+ty+
')';
81 g.setAttribute(
'transform',a);
91 svgDoc = evt.target.ownerDocument;
92 if (top.window && top.window.registerShow)
94 top.window.registerShow(sectionId,
show);
99 "onmousedown" :
"handleMouseDown(evt)",
100 "onmousemove" :
"handleMouseMove(evt)",
101 "onmouseup" :
"handleMouseUp(evt)" 104 if (window.addEventListener)
106 if (navigator.userAgent.toLowerCase().indexOf(
'webkit') >= 0 ||
107 navigator.userAgent.toLowerCase().indexOf(
"opera") >= 0 ||
108 navigator.appVersion.indexOf(
"MSIE") != -1)
110 window.addEventListener(
'mousewheel', handleMouseWheel,
false);
114 window.addEventListener(
'DOMMouseScroll', handleMouseWheel,
false);
119 window.onresize=
function()
121 if (svgDoc) {
show(); }
127 function getEventPoint(evt)
129 var
p =
root.createSVGPoint();
138 function setCTM(element, matrix)
140 var s =
"matrix(" + matrix.a +
"," + matrix.b +
"," + matrix.c +
"," + matrix.d +
"," + matrix.e +
"," + matrix.f +
")";
141 element.setAttribute(
"transform", s);
147 function setAttributes(element, attributes)
149 for (i in attributes)
150 element.setAttributeNS(null, i, attributes[i]);
153 function doZoom(g,point,zoomFactor)
155 var
p = point.matrixTransform(g.getCTM().inverse());
156 var
k =
root.createSVGMatrix().translate(p.x, p.y).scale(zoomFactor).translate(-p.x, -p.y);
157 var n = g.getCTM().multiply(k);
158 var s = Math.max(n.a,n.d);
159 if (s>maxZoom) n=n.translate(p.x,p.y).scale(maxZoom/s).translate(-p.x,-p.y);
160 else if (s<minZoom) n=n.translate(p.x,p.y).scale(minZoom/s).translate(-p.x,-p.y);
168 function handleMouseWheel(evt)
170 if (!evt) evt = window.evt;
171 if (!evt.shiftKey)
return;
172 if (evt.preventDefault) evt.preventDefault();
173 evt.returnValue =
false;
180 delta = evt.wheelDelta / 7200;
184 delta = evt.detail / -180;
186 var svgDoc = evt.target.ownerDocument;
187 var g = svgDoc.getElementById(
"viewport");
188 var
p = getEventPoint(evt);
196 function handleMouseMove(evt)
198 if(evt.preventDefault)
199 evt.preventDefault();
201 evt.returnValue =
false;
203 var g = svgDoc.getElementById(
"viewport");
208 var
p = getEventPoint(evt).matrixTransform(
stateTf);
216 function handleMouseDown(evt)
218 if(evt.preventDefault)
219 evt.preventDefault();
220 evt.returnValue =
false;
221 var g = svgDoc.getElementById(
"viewport");
223 stateTf = g.getCTM().inverse();
231 function handleMouseUp(evt)
233 if (evt.preventDefault) evt.preventDefault();
234 evt.returnValue =
false;
235 var g = svgDoc.getElementById(
"viewport");
236 g.style.cursor =
"default";
244 function dumpMatrix(matrix)
246 var s =
"[ " + matrix.a +
", " + matrix.c +
", " + matrix.e +
"\n " + matrix.b +
", " + matrix.d +
", " + matrix.f +
"\n 0, 0, 1 ]";
253 function handlePan(x,y)
255 var g = svgDoc.getElementById(
"viewport");
256 setCTM(g,g.getCTM().translate(x*20/minZoom,y*20/minZoom));
262 function handleReset()
270 function handleZoom(evt,direction)
272 var g = svgDoc.getElementById(
"viewport");
275 var
p =
root.createSVGPoint();
277 p.y = windowHeight/2;
281 function serializeXmlNode(xmlNode)
283 if (typeof window.XMLSerializer !=
"undefined") {
284 return (
new window.XMLSerializer()).serializeToString(xmlNode);
285 }
else if (typeof xmlNode.xml !=
"undefined") {
294 function handlePrint(evt)
296 evt.returnValue =
false;
297 var g = svgDoc.getElementById(
"graph");
298 var xs = serializeXmlNode(g);
300 var w = window.open(
'about:blank',
'_blank',
'width='+windowWidth+
',height='+windowHeight+
301 ',toolbar=0,status=0,menubar=0,scrollbars=0,resizable=0,location=0,directories=0');
303 d.write(
'<html xmlns="http://www.w3.org/1999/xhtml" '+
304 'xmlns:svg="http://www.w3.org/2000/svg" '+
305 'xmlns:xlink="http://www.w3.org/1999/xlink">');
306 d.write(
'<head><title>Print SVG</title></head>');
307 d.write(
'<body style="margin: 0px; padding: 0px;" onload="window.print();">');
308 d.write(
'<div id="svg" style="width:'+windowWidth+
'px; height:'+windowHeight+
'px;">'+xs+
'</div>');
313 alert(
'Failed to open popup window needed for printing!\n'+e.message);