svg图片怎么使用

SVG是一种矢量图，不会随着分辨率而改变。可以使用Inscape工具绘制SVG图，然后在页面中引用。

工具/原料

Inscape

HBuilderX

SVG

HTML5

截图工具

WPS

笔记本电脑

第一，绘制SVG图片

1、点击电脑开始菜单，找到Inscape工具并点击打开

2、在Inscape工具编辑界面，绘制两个圆形，设置不同半径和不同颜色填充

3、设置完毕后，将其导出成SVG格式，存储到桌面上

第二，使用SVG图片

1、通过快捷方式打开HBuilderX工具，并新建Web项楫默礤鲼目，将svg图片复制到项目指定目录下，然后新建一个静态页面

2、在body标签内，添加一个embed标签，将SVG图片引入到页面里

3、保存代码并直接使用浏览器预览，可以查看到SVG图片效果