/etc/html/test/diagram.svg
https://bitbucket.org/lgleim/mxgraph2 · SVG · 85 lines · 74 code · 11 blank · 0 comment · 16 complexity · 958222e09344bb532c8b143b7af10630 MD5 · raw file
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="162px" height="102px" version="1.1" content="<mxGraphModel dx="891" dy="1282" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" fold="1" page="1" pageScale="1" pageWidth="826" pageHeight="1169" background="#ffffff" style="default-style2" math="0"><root><mxCell id="0"/><mxCell id="1" style="" parent="0"/><mxCell id="145" value="" style="whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=none;" parent="1" vertex="1"><mxGeometry x="330" y="270" width="160" height="100" as="geometry"/></mxCell><mxCell id="51" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;strokeWidth=1;shape=link;endArrow=none;endFill=0;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"/></mxCell><mxCell id="52" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="820" y="500" as="targetPoint"/><Array as="points"><mxPoint x="800" y="364"/><mxPoint x="800" y="644"/></Array></mxGeometry></mxCell><mxCell id="53" style="html=1;curved=1;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><Array as="points"><mxPoint x="520" y="317"/><mxPoint x="510" y="250"/></Array></mxGeometry></mxCell><mxCell id="62" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;strokeWidth=2;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><Array as="points"><mxPoint x="550" y="920"/></Array></mxGeometry></mxCell><mxCell id="65" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;strokeWidth=2;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><Array as="points"><mxPoint x="763" y="364"/><mxPoint x="763" y="635"/></Array><mxPoint x="716.9952615528866" y="635" as="targetPoint"/></mxGeometry></mxCell><mxCell id="66" value="Exit" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;strokeWidth=2;labelBorderColor=#000000;" parent="1" edge="1"><mxGeometry x="-0.823" relative="1" as="geometry"><mxPoint as="offset"/></mxGeometry></mxCell><mxCell id="71" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="414" y="331" as="sourcePoint"/><Array as="points"><mxPoint x="408" y="283"/><mxPoint x="439" y="283"/></Array></mxGeometry></mxCell><mxCell id="80" value="dispatch" style="html=1;verticalAlign=bottom;endArrow=block;entryX=0;entryY=0;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="129" y="701" as="sourcePoint"/></mxGeometry></mxCell><mxCell id="81" value="return" style="html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;exitX=0;exitY=0.95;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="129" y="777" as="targetPoint"/></mxGeometry></mxCell><mxCell id="107" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeWidth=5;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"/></mxCell><mxCell id="108" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" parent="1" edge="1"><mxGeometry relative="1" as="geometry"/></mxCell><mxCell id="144" value="Click here!" style="rounded=1;whiteSpace=wrap;html=1;fontSize=15;fontStyle=1;arcSize=39;blue" parent="1" vertex="1"><mxGeometry x="350" y="290" width="120" height="60" as="geometry"/></mxCell></root></mxGraphModel>">
- <script type="text/javascript"><![CDATA[
- function edit(image)
- {
- var wnd = null;
-
- var save = function()
- {
- var req = new XMLHttpRequest();
- req.withCredentials = true;
-
- req.onreadystatechange = function()
- {
- if (req.readyState == 4)
- {
- if (req.status >= 200 || req.status <= 209)
- {
- wnd.close();
- }
- else
- {
- alert('Error ' + req.status);
- }
- }
- };
-
- req.open('PUT', location.href, true);
- req.send('<?xml version="1.0" encoding="UTF-8"?>\n' +
- '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n' +
- document.documentElement.outerHTML);
- };
-
- var receive = function(evt)
- {
- if (evt.data.length > 0)
- {
- var msg = JSON.parse(evt.data);
-
- if (msg.event == 'init')
- {
- wnd.postMessage(JSON.stringify({action: 'load', xml: image.ownerSVGElement.outerHTML}), '*');
- }
- else if (msg.event == 'export')
- {
- var temp = new Image();
-
- temp.onload = function()
- {
- image.setAttribute('xlink:href', msg.data);
-
- image.setAttribute('width', temp.width + 'px');
- image.setAttribute('height', temp.height + 'px');
- image.ownerSVGElement.setAttribute('width', temp.width + 'px');
- image.ownerSVGElement.setAttribute('height', temp.height + 'px');
-
- save();
- };
-
- temp.onerror = function(err)
- {
- alert('Error ' + err);
- }
-
- temp.src = msg.data;
- }
- else if (msg.event == 'save')
- {
- wnd.postMessage(JSON.stringify({action: 'export', format: 'png', spinKey: 'saving'}), '*');
- image.ownerSVGElement.setAttribute('content', msg.xml);
- }
- else if (msg.event == 'exit')
- {
- wnd.close();
- }
- }
- };
-
- window.addEventListener('message', receive);
- wnd = window.open('https://www.draw.io/?embed=1&ui=atlas&spin=1&proto=json');
- }
- ]]></script>
- <image style="cursor:pointer;" onclick="edit(this);" x="0" y="0" width="162px" height="102px" xlink:href="data:image/png;base64,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"/>
- </svg>