一、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" />