svg

• svg:svg可缩放矢量图形是基于可扩展标记语言xml描述的2d图形的语言,svg基于xml就意味着svg dom中的每个元素都是可用的,可以来添加事件处理器,在svg中,每个被绘制的图形均被视为对象,如果svg对象的属性发生变化,那么浏览器能够自动重现图形
• 特点:不依赖分辨率,支持事件处理器

canvas

• canvas是画布,通过javascript来绘制2D图形,是逐像素进行渲染的,其位置发生改变,就会重新进行绘制
• 特点:依赖分辨率;不支持事件处理器;弱的文本渲染能力;可以以图片的方式来存储