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中直接写
矢量图工具， 绘图
SVG在H5标准之前就有了， IE对SVG的兼容性非常好