SVG图片使用的场景各有不同，本文主要讲的是在已有的SVG图上连接数据，动态的改变SVG图片的背景颜色和文字，用于传递不同的信息。
SVG介绍
以下引用w3school的介绍：
1、SVG 是使用 XML 来描述二维图形和绘图程序的语言。
2、什么是SVG
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
** 3、SVG 的优势：**
SVG 可被非常多的工具读取和修改（比如记事本）
SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印
SVG 可在图像质量不下降的情况下被放大
SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
SVG 可以与 Java 技术一起运行SVG 是开放的标准
SVG 文件是纯粹的 XML
SVG嵌入html的方式
SVG嵌入html的方式有三种，通过标签