SVG代表对于s calable V厄克托ģraphics并且它是用于描述在XML 2D图形和图形应用程序的语言和XML然后通过SVG观察者呈现。

SVG对于矢量类型图（例如饼图，X，Y坐标系中的二维图等）最有用。

SVG成为W3C建议书14。2003年1月，您可以在SVG Specification中查看SVG规范的最新版本。

查看SVG文件

大多数网络浏览器可以显示SVG，就像显示PNG，GIF和JPG一样。 Internet Explorer用户可能必须安装Adobe SVG Viewer才能在浏览器中查看SVG。

在HTML5中嵌入SVG

HTML5允许使用标签直接嵌入SVG，该标签具有以下简单语法-

Firefox 3.7还引入了一个配置选项（“ about：config”），您可以使用以下步骤启用HTML5-

• 在Firefox地址栏中输入about：config 。

• 单击“我会小心，我保证！”出现的警告消息上的按钮（并确保您遵守！）。

• 在页面顶部的过滤器栏中键入html5.enable 。

• 当前将禁用它，因此单击它可将值切换为true。

现在，您的Firefox HTML5解析器应该已启用，并且您应该能够尝试以下示例。

HTML5-SVG圈

以下是SVG示例的HTML5版本，该示例将使用标签绘制一个圆圈-

      
      
   
   
   
      
HTML5 SVG Circle
        
      
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG矩形

以下是SVG示例的HTML5版本，该示例将使用标签绘制一个矩形-

      
      
   
   
   
      
HTML5 SVG Rectangle
      
      
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG线

以下是SVG示例的HTML5版本，该示例将使用标记画一条线-

      
      
   
   
   
      
HTML5 SVG Line
      
      
   

您可以使用样式属性，该属性允许您设置其他样式信息，例如笔触和填充颜色，笔触的宽度等。

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG椭圆

以下是SVG示例的HTML5版本，该示例将使用标签绘制椭圆-

      
      
   
    
   
      
HTML5 SVG Ellipse
      
      
        
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG多边形

以下是SVG示例的HTML5版本，该示例将使用标签绘制多边形-

      
      
   
    
   
      
HTML5 SVG Polygon
      
      
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG折线

以下是SVG示例的HTML5版本，该示例将使用标签绘制折线-

      
      
   
    
   
      
HTML5 SVG Polyline
      
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG渐变

以下是SVG示例的HTML5版本，该示例将使用标签绘制椭圆，并使用标签定义SVG径向渐变。

同样，您可以使用标签创建SVG线性渐变。

      
      
   
    
   
      
HTML5 SVG Gradient Ellipse
      
      
        
   

这将在启用HTML5的最新版本Firefox中产生以下结果。

HTML5-SVG星

以下是SVG示例的HTML5版本，该示例将使用标签绘制星形。

      
      
   
   
       
      
HTML5 SVG Star
      
      
    

这将在启用HTML5的最新版本Firefox中产生以下结果。