有个著名的netfilter packet flow图，下载下来发现是svg格式，如附件所示。

SVG是Scalable vector Graphics，中文名可缩放矢量图形。他是W3C开发的。SVG的格式是xml，是文本格式。他存储是图形的描述，而不是图形的像素值，因此不管怎么缩放，它都不失真。

google在线画图，可以保存为svg格式：

svg可直接在html中使用：

<html>

<body>

<h1>My first SVG</h1>

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">

<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />

</svg>

</body>

</html>

参考：

SVG: Scalable Vector Graphics

SVG Tutorial