200101.md

SVG 初探

one: 为什么要使用？

1. svg 是可缩放矢量图，相对于栅格图形（被像素填充的图像，例如普通的图片）, svg 再放大缩小时不会失真，损失图像质量
2. 有 css3 动画缺少的路径动画
3. 相对于 canvas 动画，可以更加精确的监听 DOM 事件
4. 可以精确测量和放大绘图

two: 缺点

1. svg 动画 ie 和 edge 浏览器全系列不支持
2. 当数据较多，渲染不如 canvas 高效
3. svg 在 ie9 以前不兼容