H5新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中直接写