走进SVG

什么是SVG？也许现在很多人都听说过SVG的人比较多，但不一定了解什么是SVG： SVG(Scalable Vector Graphics 一大串看不懂的英文 )可伸缩矢量图形，它是用XML格式来定义用于网络的基于矢量的图形，而它的特点就是 图像在放大或改变尺寸的情况下其图形质量不会有所损失，同时他和DOM一样都是W3C的一个标准。

这里解释下位图和矢量图：

位图，也就是我们经常能看到的图片，他是一个平面上密集排布的店的集合，也就是说它是由一个个点构成的。而如果对他进行放大那么相对应的点就会进行放大，这样就会让图片显得十分不清晰粗糙。

矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。矢量图格式有CGM, SVG, AI (Adobe Illustrator), CDR (CorelDRAW), PDF, SWF, VML等等。

(ps:本随笔下面的内容部分来自W3Cschool)

一个简单的SVG

   xml version="1.0" standalone="no"  ?> 
   DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"  > 

   svg   xmlns  ="http://www.w3.org/2000/svg"   version  ="1.1"  > 
     circle   cx  ="100"   cy  ="50"   r  ="40"   stroke  ="black"  
  stroke-width  ="2"   fill  ="red"   /> 
   svg  >  

查看更多关于走进SVG的详细内容...