console
<!DOCTYPE html>
<html>
<head>
<title>svg</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900" height="820">
<defs>
<marker id='markerArrow' markerWidth='13' markerHeight='13' refx='10' refy='6' orient='auto'>
<path d='M2,2 L2,11 L10,6 L2,2' style='fill:black' />
</marker>
</defs>
<defs>
<filter id="f1" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceGraphic" dx="5" dy="5" />
<feBlend in="SourceGraphic" in2="offOut" mode="normal" />
</filter>
</defs>
<defs>
<filter id="f2" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceGraphic" dx="5" dy="5" />
<feBlend in="SourceGraphic" in2="offOut" mode="normal" />
</filter>
</defs>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="slave101" cx="60" cy="90" r="15" />
<circle id="slave102" cx="60" cy="130" r="15" />
<circle id="slave103" cx="120" cy="90" r="15" />
<circle id="slave104" cx="120" cy="130" r="15" />
</g>
<text x="30" y="50" fill="blue" font-size="20">工作节点1</text>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="master01" cx="330" cy="280" r="12" />
<circle id="master02" cx="330" cy="320" r="12" />
<circle id="master03" cx="370" cy="280" r="12" />
<circle id="master04" cx="370" cy="320" r="12" />
<circle id="master05" cx="410" cy="280" r="12" />
<circle id="master06" cx="410" cy="320" r="12" />
<circle id="master07" cx="450" cy="280" r="12" />
<circle id="master08" cx="450" cy="320" r="12" />
</g>
<text x="320" y="240" fill="blue" font-size="30">管理节点</text>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="slave201" cx="700" cy="90" r="15" />
<circle id="slave202" cx="750" cy="90" r="15" />
<circle id="slave203" cx="800" cy="90" r="15" />
<circle id="slave204" cx="850" cy="90" r="15" />
<circle id="slave205" cx="700" cy="140" r="15" />
<circle id="slave206" cx="750" cy="140" r="15" />
<circle id="slave207" cx="800" cy="140" r="15" />
<circle id="slave208" cx="850" cy="140" r="15" />
</g>
<text x="690" y="50" fill="blue" font-size="20" >工作节点2</text>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="slave301" cx="700" cy="410" r="15" />
<circle id="slave302" cx="750" cy="410" r="15" />
<circle id="slave303" cx="800" cy="410" r="15" />
<circle id="slave304" cx="850" cy="410" r="15" />
<circle id="slave305" cx="700" cy="460" r="15" />
<circle id="slave306" cx="750" cy="460" r="15" />
<circle id="slave307" cx="800" cy="460" r="15" />
<circle id="slave308" cx="850" cy="460" r="15" />
</g>
<text x="690" y="370" fill="blue" font-size="20" >工作节点3</text>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="slave401" cx="40" cy="670" r="15" />
<circle id="slave402" cx="90" cy="670" r="15" />
<circle id="slave403" cx="140" cy="670" r="15" />
<circle id="slave404" cx="190" cy="670" r="15" />
<circle id="slave405" cx="240" cy="670" r="15" />
<circle id="slave406" cx="290" cy="670" r="15" />
<circle id="slave407" cx="340" cy="670" r="15" />
<circle id="slave408" cx="40" cy="720" r="15" />
<circle id="slave409" cx="90" cy="720" r="15" />
<circle id="slave410" cx="140" cy="720" r="15" />
<circle id="slave411" cx="190" cy="720" r="15" />
<circle id="slave412" cx="240" cy="720" r="15" />
<circle id="slave413" cx="290" cy="720" r="15" />
<circle id="slave414" cx="340" cy="720" r="15" />
<circle id="slave415" cx="40" cy="770" r="15" />
<circle id="slave416" cx="90" cy="770" r="15" />
</g>
<text x="30" y="620" fill="blue" font-size="20">工作节点4</text>
<g fill="white" stroke="black" stroke-width="3" filter="url(#f2)" >
<circle id="slave501" cx="430" cy="680" r="15" />
<circle id="slave502" cx="480" cy="680" r="15" />
<circle id="slave503" cx="530" cy="680" r="15" />
<circle id="slave504" cx="580" cy="680" r="15" />
<circle id="slave505" cx="430" cy="740" r="15" />
<circle id="slave506" cx="480" cy="740" r="15" />
<circle id="slave507" cx="530" cy="740" r="15" />
<circle id="slave508" cx="580" cy="740" r="15" />
</g>
<text x="410" y="620" fill="blue" font-size="20">工作节点5</text>
<g fill="white" stroke="black" fill-opacity="0.0">
<rect id="slave1" x="20" y="20" width="140" height="140" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
<rect id="slave4" x="20" y="590" width="340" height="200" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
<rect id="master" x="310" y="200" width="160" height="160" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
<rect id="slave2" x="680" y="20" width="200" height="150" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
<rect id="slave3" x="680" y="340" width="200" height="150" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
<rect id="slave5" x="400" y="590" width="220" height="200" rx="5" stroke="green" stroke-width="3"
filter="url(#f1)"></rect>
</g>
<g stroke="black" stroke-width="3">
<line x1="160" y1="100" x2="310" y2="200" />
<line x1="310" y1="360" x2="200" y2="590" />
<line x1="400" y1="360" x2="500" y2="590" />
<line x1="470" y1="200" x2="680" y2="60" />
<line x1="470" y1="300" x2="680" y2="400" />
</g>
<rect x="660" y="610" width="220" height="200" rx="5" fill="white" stroke-width="3" fill-opacity="0.0"></rect>
<g fill="black">
<text x="670" y="620" fill="red" font-size="30">注解：</text>
<circle cx="760" cy="730" r="15" fill="green" />
<rect x="745" y="680" width="30" height="30" rx="5" fill="black"></rect>
<text x="670" y="740" font-size="18">cpu：</text>
<text x="670" y="700" font-size="18">节点：</text>
<text x="660" y="790" font-size="18">发亮代表正在运行节点的CPU</text>
</g>
</svg>
</body>
</html>