将图片转换成svg文件，自定义icon小图标，svg速成

---

一、svg是什么？

SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。

二、操作步骤

1.进入网站

图片转换svg网站 https://www.bejson.com/convert/image_to_svg/

2.将svg复制

在项目中创建svg文件，将网站中转换复制的svg粘贴进去

3.引用svg文件

在项目中用<img />标签引用
设置img的高度，自适应调整svg的宽度
代码如下（示例）：

<img src="../assets/wozuishuai.svg" height="200" />

总结

good morning。