2012-10-10 23:29:53 +08:00
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns= "http://www.w3.org/2000/svg" id= "wpgraph" version= "1.1" baseProfile= "full" width= "188.0818459259489" height= "300" > <style type= "text/css" > line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style> <line class= "" id= "module1line0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "33.50798770570482" y2= "24.654673106585506" style= "stroke-width:1.3611111111111114" /> <line class= "" id= "module2line0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "130.07267485518918" y2= "20" style= "stroke-width:1.3611111111111114" /> <line class= "async " id= "module3line0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "90.70899782504604" y2= "190.6035955453659" style= "stroke-width:3.0625" /> <line class= "" id= "module4line0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "20" y2= "244.81806631178847" style= "stroke-width:1.2099999999999997" /> <line class= "" id= "module5line0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "96.88290538231622" y2= "280" style= "stroke-width:1.2099999999999997" /> <line class= "" id= "module6line0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "168.0818459259489" y2= "234.4998414106972" style= "stroke-width:1.2099999999999997" /> <line class= "req" id= "module0link0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "33.50798770570482" y2= "24.654673106585506" /> <line class= "req" id= "module0link1" x1= "85.2341807521296" y1= "92.0035537465418" x2= "130.07267485518918" y2= "20" /> <line class= "async req" id= "module0link2" x1= "85.2341807521296" y1= "92.0035537465418" x2= "90.70899782504604" y2= "190.6035955453659" /> <line class= "dep" id= "module1link0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "33.50798770570482" y2= "24.654673106585506" /> <line class= "dep" id= "module2link0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "130.07267485518918" y2= "20" /> <line class= "async dep" id= "module3link0" x1= "85.2341807521296" y1= "92.0035537465418" x2= "90.70899782504604" y2= "190.6035955453659" /> <line class= "req" id= "module3link1" x1= "90.70899782504604" y1= "190.6035955453659" x2= "20" y2= "244.81806631178847" /> <line class= "req" id= "module3link2" x1= "90.70899782504604" y1= "190.6035955453659" x2= "96.88290538231622" y2= "280" /> <line class= "req" id= "module3link3" x1= "90.70899782504604" y1= "190.6035955453659" x2= "168.0818459259489" y2= "234.4998414106972" /> <line class= "dep" id= "module4link0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "20" y2= "244.81806631178847" /> <line class= "dep" id= "module5link0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "96.88290538231622" y2= "280" /> <line class= "dep" id= "module6link0" x1= "90.70899782504604" y1= "190.6035955453659" x2= "168.0818459259489" y2= "234.4998414106972" /> <circle id= "module0" class= "main" cx= "85.2341807521296" cy= "92.0035537465418" r= "5" fill= "rgb(240,240,0)" onmouseover= "a(0,3)" onmouseout= "c()" > <title > .\example.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
output.js</title> </circle> <circle id= "module1" class= "" cx= "33.50798770570482" cy= "24.654673106585506" r= "5.690042926316208" fill= "rgb(240,240,0)" onmouseover= "a(1,1)" onmouseout= "c()" > <title > (webpack)\buildin\__webpack_console.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
output.js</title> </circle> <circle id= "module2" class= "" cx= "130.07267485518918" cy= "20" r= "5.236383074731263" fill= "rgb(240,240,0)" onmouseover= "a(2,1)" onmouseout= "c()" > <title > (webpack)\buildin\__webpack_amd_require.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
output.js</title> </circle> <circle id= "module3" class= "" cx= "90.70899782504604" cy= "190.6035955453659" r= "5" fill= "rgb(240,160,80)" onmouseover= "a(3,4)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
1.output.js</title> </circle> <circle id= "module4" class= "" cx= "20" cy= "244.81806631178847" r= "5" fill= "rgb(240,160,80)" onmouseover= "a(4,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\a.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
1.output.js</title> </circle> <circle id= "module5" class= "" cx= "96.88290538231622" cy= "280" r= "5" fill= "rgb(240,160,80)" onmouseover= "a(5,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\b.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
1.output.js</title> </circle> <circle id= "module6" class= "" cx= "168.0818459259489" cy= "234.4998414106972" r= "5" fill= "rgb(240,160,80)" onmouseover= "a(6,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\c.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-10 23:29:53 +08:00
1.output.js</title> </circle> <script type= "text/ecmascript" > function addHover(node) {node.setAttribute(" class" , node.getAttribute(" class" ) + " hover")}function removeHover(node) {var className = node.getAttribute(" class" ).split(" ");className.splice(className.indexOf(" hover" ), 1);node.setAttribute(" class" , className.join(" "))}function a(node, links) {addHover(document.getElementById(" module" + node));for(var i = 0; i < links; i++) {var link = document.getElementById(" module" + node + " link" + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(" hover" ));for(var i = 0; i < elements.length; i++) removeHover(elements[i]);}</script> </svg>
