一）基础篇

（一）概述

SVG，Scalable Vector Graphics，可缩放的矢量图形

1.图形和图像

• 图形：是由 被称为矢量的数学对象 所定义点、线、面等所描绘而成
• 图像：又称为栅格图、点阵图、位图或像素图，用像素描述图像中每一个点颜色和亮度等信息

2.svg特点

• svg使用xml绘制图形（canvas绘制图形）
• 可以使用文本编辑器创建和修改图形
• 因为是描述的图形，浏览器会根据描述来绘制图形，而不是使用像素填充空间，所以svg 适合不同大小的屏幕
• 因为是xml语言描述的图形，图形中的部分都是由标签组成，其中 每一个标签都可以使用javascript和css控制与交互
• svg提供了强大的滤镜功能，可以绘制更逼真、更复杂的图形效果