2012-10-26 21:07:50 +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= "184.67239295817026" 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= "67.41094434941509" y1= "102.36733458739133" x2= "59.957882803627385" y2= "20" style= "stroke-width:1.3611111111111114" /> <line class= "async " id= "module2line0" x1= "67.41094434941509" y1= "102.36733458739133" x2= "83.91081968899924" y2= "194.9467730343654" style= "stroke-width:3.0625" /> <line class= "" id= "module3line0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "20" y2= "252.20848355347624" style= "stroke-width:1.2099999999999997" /> <line class= "" id= "module4line0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "104.23530195093166" y2= "280" style= "stroke-width:1.2099999999999997" /> <line class= "" id= "module5line0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "164.67239295817026" y2= "223.1823061040775" style= "stroke-width:1.2099999999999997" /> <line class= "req" id= "module0link0" x1= "67.41094434941509" y1= "102.36733458739133" x2= "59.957882803627385" y2= "20" /> <line class= "async req" id= "module0link1" x1= "67.41094434941509" y1= "102.36733458739133" x2= "83.91081968899924" y2= "194.9467730343654" /> <line class= "dep" id= "module1link0" x1= "67.41094434941509" y1= "102.36733458739133" x2= "59.957882803627385" y2= "20" /> <line class= "async dep" id= "module2link0" x1= "67.41094434941509" y1= "102.36733458739133" x2= "83.91081968899924" y2= "194.9467730343654" /> <line class= "req" id= "module2link1" x1= "83.91081968899924" y1= "194.9467730343654" x2= "20" y2= "252.20848355347624" /> <line class= "req" id= "module2link2" x1= "83.91081968899924" y1= "194.9467730343654" x2= "104.23530195093166" y2= "280" /> <line class= "req" id= "module2link3" x1= "83.91081968899924" y1= "194.9467730343654" x2= "164.67239295817026" y2= "223.1823061040775" /> <line class= "dep" id= "module3link0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "20" y2= "252.20848355347624" /> <line class= "dep" id= "module4link0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "104.23530195093166" y2= "280" /> <line class= "dep" id= "module5link0" x1= "83.91081968899924" y1= "194.9467730343654" x2= "164.67239295817026" y2= "223.1823061040775" /> <circle id= "module0" class= "module main" cx= "67.41094434941509" cy= "102.36733458739133" r= "5" fill= "rgb(240,240,0)" fill0= "rgb(240,240,0)" fill1= "rgb(240,240,0)" fill2= "rgb(240,240,0)" onmouseover= "a(0,2)" onmouseout= "c()" > <title > .\example.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-11-07 19:49:01 +08:00
output.js</title> </circle> <circle id= "module1" class= "module" cx= "59.957882803627385" cy= "20" r= "5.545635949277276" fill= "rgb(240,240,0)" fill0= "rgb(240,240,0)" fill1= "rgb(240,240,0)" fill2= "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-26 21:07:50 +08:00
output.js</title> </circle> <circle id= "module2" class= "module" cx= "83.91081968899924" cy= "194.9467730343654" r= "5" fill= "rgb(240,160,80)" fill0= "rgb(240,160,80)" fill1= "rgb(240,240,0)" fill2= "rgb(240,240,0)" onmouseover= "a(2,4)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title> </circle> <circle id= "module3" class= "module" cx= "20" cy= "252.20848355347624" r= "5" fill= "rgb(240,160,80)" fill0= "rgb(240,160,80)" fill1= "rgb(240,240,0)" fill2= "rgb(240,240,0)" onmouseover= "a(3,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\a.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title> </circle> <circle id= "module4" class= "module" cx= "104.23530195093166" cy= "280" r= "5" fill= "rgb(240,160,80)" fill0= "rgb(240,160,80)" fill1= "rgb(240,240,0)" fill2= "rgb(240,240,0)" onmouseover= "a(4,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\b.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title> </circle> <circle id= "module5" class= "module" cx= "164.67239295817026" cy= "223.1823061040775" r= "5" fill= "rgb(240,160,80)" fill0= "rgb(240,160,80)" fill1= "rgb(240,240,0)" fill2= "rgb(240,240,0)" onmouseover= "a(5,1)" onmouseout= "c()" > <title > (webpack)\examples\require.context\templates\c.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +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 setColor(node, number) {var fill = node.getAttribute(" fill" +number);node.setAttribute(" fill" , fill)}function setColors(number) {var elements = document.getElementsByClassName(" module" );for(var i = 0; i < elements.length; i++) setColor(elements[i], number);}function a(node, links) {addHover(document.getElementById(" module" + node));for(var i = 0; i < links; i++) {var link = document.getElementById(" module" + node + " link" + i);
2012-10-10 23:29:53 +08:00
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>