web流程图设计svg

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

 

<svg width="100%" height="100%" version="1.1"

xmlns="http://www.w3.org/2000/svg">

 

<rect x="400" y="200" width="100" height="80"

style="fill:rgb(0,255,0);stroke-width:1;

stroke:rgb(0,0,0)"/>

 

 

<rect x="600" y="200" width="100" height="80"

style="fill:rgb(0,0,255);stroke-width:1;

stroke:rgb(0,0,0)"/>

 

<rect x="800" y="200" width="100" height="80"

style="fill:rgb(255,0,0);stroke-width:1;

stroke:rgb(0,0,0)"/>

 

<rect x="1000" y="200" width="100" height="80"

style="fill:rgb(0,0,0);stroke-width:1;

stroke:rgb(0,0,0)"/>

 

<circle cx="250" cy="240" r="40" stroke="black"

stroke-width="2" fill="green"/>

 

<line x1="290" y1="240" x2="400" y2="240"

style="stroke:rgb(99,99,99);stroke-width:2"/>

 

<line x1="500" y1="240" x2="600" y2="240"

style="stroke:rgb(99,99,99);stroke-width:2"/>

 

<line x1="700" y1="240" x2="800" y2="240"

style="stroke:rgb(99,99,99);stroke-width:2"/>

 

<line x1="900" y1="240" x2="1000" y2="240"

style="stroke:rgb(99,99,99);stroke-width:2"/>

 

<line x1="1100" y1="240" x2="1200" y2="240"

style="stroke:rgb(99,99,99);stroke-width:2"/>

 

<circle cx="1240" cy="240" r="40" stroke="black"

stroke-width="2" fill="red"/>

 

 

 

 

 

</svg>