ILD

svg and google drawings
作者:Yuan Jianpeng 邮箱:yuanjp89@163.com
发布时间:2024-5-21 站点:Inside Linux Development

有个著名的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>


参考:

SVG: Scalable Vector Graphics

https://developer.mozilla.org/en-US/docs/Web/SVG

SVG Tutorial

https://www.w3schools.com/graphics/svg_intro.asp


 

附件

Copyright © linuxdev.cc 2017-2024. Some Rights Reserved.