svg标签和Canvas标签的不同
SVG通过XML的方式画2D图像
Canvas在运行过程中画2D图像
Canvas通过像素渲染，在Canvas中，图形描绘完成后，便被浏览器遗忘，此时若要改变图形位置，整个页面需要重绘，包括任何被图形包含的对象
Canvas
解析度依赖（resolution dependent）
不支持事件处理
文字渲染能力差
可以保存为.png或者.jpg模式
适合图形密集型游戏
SVG
解析度不依赖
支持事件处理
适合需要大规模渲染的区域（Google 地图）
不适合游戏
使用DOM很多的区域渲染会变
原文：http://www.cnblogs.com/MaxZhong/p/4678181.html