html svg教程的目的是使您在短时间内入门并使用svg，并且以后也可以将本教程用作快速参考,这里将尽可能给出更多、涵盖范围更多的svg实例，以便您快速掌握使用svg
svg是可伸缩矢量图形的缩写。它是一种图形格式，其中以xml指定形状。然后由svg查看器呈现xml。如今，大多数web浏览器都可以显示svg，就像它们可以显示png，gif和jpg一样。
internet explorer 8（及更早版本）的用户可能必须安装 adobe svg viewer才能在浏览器中查看svg。ie 9 ，chrome和firefox均原生支持svg。
svg用于二维矢量图形。
如果不确定svg是否适合您或您的项目，请快速浏览svg示例页面，以快速了解svg的功能。
- 可在线编辑svg，svg可转为svg源代码
- 基础svg示例,帮助您快速熟悉svg
- 收集出svg常用的元素，及元素的属性使用方法
作为矢量图形格式，svg对于矢量类型图最为有用，例如：
x，y坐标系中的二维图形。
柱形图，饼图等
用于web，平板电脑和移动应用程序以及webapps的可扩展图标和徽标。
建筑和设计图
等等
作为“矢量图形”格式，要显示的形状存储为矢量或类似矢量的结构。换句话说，作为数字。不以像素为单位。
“可缩放”意味着观看者可以在不损失质量的情况下上下缩放svg图像。这是可能的，因为图形被定义为数字而不是像素。向上或向下缩放svg图像仅意味着将定义svg形状的数字相乘或相除。
尽管可以将位图图形嵌入到svg图像中，但svg对于照片，电影等位图图形不是理想的选择。这是在位图图像上绘制形状或文本的便捷方法。
svg是xml格式（文本格式），很容易从servlet，jsp，asp.net，php或其他web应用程序技术中生成。这使svg非常适合计算机生成的图形和图表。有趣的是，您通常需要在web应用程序中准确生成最适合svg的图表类型（图形，图表，图表等）。这使svg更加适合生成图形和图表。
可以通过javascript修改浏览器中生成的svg图像。这样就可以将svg用于更动态的演示，甚至是小型游戏。
本教程的目的是使您在短时间内入门并使用svg，并且以后也可以将本教程用作快速参考。将尝试涵盖尽可能多的svg，但并不是要覆盖svg规范的每一点。一旦对基础知识有了相当的了解，就可以轻松地就更高级或特殊情况的主题查阅svg规范。