svg(声明式绘图系统)优点:缺点:canvas(指令式绘图系统)优点:缺点: svg(声明式绘图系统) 优点: 矢量图,不依赖于像素,无限放大后不会失真;以dom的形式表示,事件绑定由浏览器直接分发到节点上 缺点:dom形式,涉及到动画时候需要更新dom,性能较低; 一个 SVG 元素只表示一种基本图形,结构复杂时,会有大量 dom 结构。 canvas(指令式绘图系统) 优点: 定制型更强,可以绘制绘制自己想要的东西;非dom结构形式,用JavaScript进行绘制,涉及到动画性能较高。 缺点:交互性差; 依赖于像素,无法高效保真,画布较大时候性能较低。