HTML5新增API

HTML5新增API

canvas

  • 可视化数据
  • 特效 banner
  • 游戏
  • 模拟器(在线PS、在线编辑器)
  • 地图

SVG

定义

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

svg与canvas区别

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

svg的应用领域

* 矢量图标
* 地图

SVG的使用

  • .....

HTML中使用SVG

  • 在html中直接写