HTML5之SVG详解（一）：基本概括

转载自：http://www.cnblogs.com/hupeng/archive/2012/12/21/2828456.html

1、背景

SVG是Scalable Vector Graphics的缩写，意为可缩放矢量图形。1998年，万维网联盟成立了一个工作组，研发一种通过XML来表现矢量图形的技术——SVG！由于SVG也是一种XML文件，所以SVG也继承了XML的开放性、可移植性和交互性的优点。如今几乎所有主流的浏览器都支持SVG，大家可以从这里得到更多的兼容信息，其中包括：

• 使用或者
  10
  11

   

   

  • 通过标签的src属性
  

   1 
   2 
   3 
   4     
   5     
   6 
   7 
   8     
   9 
  10 

  

   

  • 通过CSS：background: url(...)
  

   1 
   2 
   3 
   4     
   5     
   6     
  13 
  14 
  15     
  
  16 
  17 

  

   

  所有的方法都产生同样的结果，如上图所示。

   重要声明：本文所用的图片以及示例来自于http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Getting_Started