01.初识SVG
在这里就先给大家列几个关键词。
- 矢量
- xml
矢量，想必老司机们都不会陌生。简单点理解就是随着图形的缩放，图形不会模糊。详细一点就是，该文件记录了该图片的绘制节点信息，查看的时候再经过计算，重新绘制出来。区别一下位图，位图就是会随着图形的缩放变得模糊，文件记录了图形对应像素的颜色信息。
矢量图的使用是非常多的：CAD、AI、PPT、SVG、font、Visio…等等的。矢量图形在我们每天的生活中，我们只是没有察觉到它们的存在。这大概就是常言中的“习惯”吧。
xml，xml是SVG的头信息，也可以理解为标准，绘制的时候需要在标签里加入，这样的信息。
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
</svg>
在svg的标签中插入了xml的svg标签信息后，就可以在里面绘制我们想要的图形了。
绘制svg的时候我们可以采用js脚本绘制、矢量绘图软件转svg、svg绘图软件、盲写。
作为一个标准的程序员，脚本绘制自然是我们的学习目标了。