有个著名的netfilter packet flow图,下载下来发现是svg格式,如附件所示。
SVG是Scalable vector Graphics,中文名可缩放矢量图形。他是W3C开发的。SVG的格式是xml,是文本格式。他存储是图形的描述,而不是图形的像素值,因此不管怎么缩放,它都不失真。
google在线画图,可以保存为svg格式:
https://docs.google.com/drawings/
svg可直接在html中使用:
1 2 3 4 5 6 7 8 9 10 11 12 | < 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 > |
参考:
https://developer.mozilla.org/en-US/docs/Web/SVG
https://www.w3schools.com/graphics/svg_intro.asp