SVG矢量图

SVG

定义

矢量图工具, 绘图
SVG在H5标准之前就有了, IE对SVG的兼容性非常好

svg与canvas区别

  • canvas位图, svg是矢量图
  • canvas使用JavaScrpt绘图, svg使用XML来绘图
  • canvas不支持事件(借助库) svg支持事件

svg的应用领域

  • 矢量图标
  • 地图

SVG的使用

  • .....

示例

  
    
        
        
                
      

HTML中使用SVG

  • 在html中直接写
  • 你可能感兴趣的:(SVG矢量图)