SVG格式矢量图

​html" class="superseo">SVG 矢量图

​矢量图就是使用直线和曲线来描述的图形，构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等，它们都是通过数学公式计算获得的，具有编辑后不失真的特点。 ​

矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI、文字等设计。

​SVG是一种图形文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。 ​它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。

SVG 属性文档定义

SVG | MDN可缩放矢量图形（Scalable Vector Graphics，SVG），是一种用于描述二维的矢量图形，基于 XML 的标记语言。作为一个基于文本的开放网络标准，SVG 能够优雅而简洁地渲染不同大小的图形，并和CSS，DOM，JavaScript和SMIL等其他网络标准无缝衔接。本质上，SVG 相对于图像，就好比 HTML 相对于文本。https://developer.mozilla.org/zh-CN/docs/Web/SVG

 

SVG 图片源码示例

双击*.svg 即可通过浏览器方式查看图片。

 

*.svg 文件可以用任何文本编辑器打开查看，打开这个示例人体结构图的完整代码如下：

	
	
	
	
	
	
	
	
	
	
]>

SVG 画图软件

​参与定义 SVG 的组织有：太阳微、Adobe、苹果公司、IBM 以及柯达。 ​常用软件有：CorelDraw、Adobe Illustrator、Freehand、XARA、CAD等。

在线极简的开发软件也是不错的，如 菜鸟工具 SVG 在线编辑器 | 菜鸟工具

over~