console
<!DOCTYPE html>
<html>
<head>
<title>svg</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="120" height="100">
<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" fill-opacity="0.0">
<rect x="10" y="10" width="100" height="80" stroke="#FF9966"></rect>
</g>
<g fill="black">
<text x="20" y="25" fill="#003399" font-size="10" font-family="黑体">图例：</text>
<circle cx="80" cy="35" r="5" fill="#FF3366" stroke="black" stroke-width="1" filter="url(#f2)" />
<circle cx="80" cy="55" r="5" fill="#E0E0E0" stroke="black" stroke-width="1" filter="url(#f2)" />
<rect x="80" y="70" width="15" height="8" rx="2" stroke="#66CC99" fill="white" stroke-width="2" filter="url(#f1)"></rect>
<text x="30" y="40" fill="#003399" font-size="10" font-family="黑体">在用cpu：</text>
<text x="30" y="60" fill="#003399" font-size="10" font-family="黑体">空置cpu：</text>
<text x="30" y="80" fill="#003399" font-size="10" font-family="黑体">计算节点：</text>
</g>
</svg>
</body>
</html>