SVG和canvas的区别
1、Canvas 是用JavaScript 操作动态生成的， SVG 则是使用XML静态描述生成的;
2、Canvas 基于位图，简单来说就是图片放大会影响到显示的效果，造成不好的影响，SVG 基于矢量图，图形放大不会影响到显示效果。
3、发生修改事件的时候，canvas必须重绘，SVG不需要。
Canvas
- 依赖分辨率
- 不支持事件处理器
- 弱的文本渲染能力
- 能够以 .png 或 .jpg 格式保存结果图像
- 最适合图像密集型的游戏，其中的许多对象会被频繁重绘
- Canvas 是逐像素进行渲染的。
SVG
- 不依赖分辨率
- 支持事件处理器
- 最适合带有大型渲染区域的应用程序（比如谷歌地图）
- 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
- 不适合游戏应用
其实并一定Canvas 或 SVG 哪个更好，只是分别适用的场合不同，比如Canvas做应用程序或游戏的较多，SVG做大型的 例如世界地图等较多。
