如何保存网站上的svg格式Logo文件

Edge浏览器
Visual Studio Code
方式/
1起首拜候需要下载svg文件的网站 。

如何保存网站上的svg格式Logo文件

文章插图

2然后按 F12键 进入【开辟人员东西】 。

如何保存网站上的svg格式Logo文件

文章插图

3然后利用【选择元素】东西点击Logo, 显示【svg】, 然后点击, 在【开辟人员东西】能找到svg的标签元素 。

如何保存网站上的svg格式Logo文件

文章插图

4右键点击svg标签元素, 选择【Edit as HTML】并点击 。

如何保存网站上的svg格式Logo文件

文章插图

5然后按Ctrl+A全选 。

如何保存网站上的svg格式Logo文件

文章插图

6右键点击, 并选择点击【复制】 。

如何保存网站上的svg格式Logo文件

文章插图

7打开文本编纂软件例如Visual Studio Code或Sublime Text(注重:不要利用记事本), 新建文件后Ctrl+V进行粘贴 。

如何保存网站上的svg格式Logo文件

文章插图

8然后Ctrl+S进行保留文件, 选择【All Files】保留类型, 输入文件名, 注重后缀点窜为.svg, 然后保留 。

如何保存网站上的svg格式Logo文件

文章插图

9这样就保留了需要的svg文件了 。

如何保存网站上的svg格式Logo文件

文章插图

10【如何保存网站上的svg格式Logo文件】利用浏览器打开能看到Logo(截图做了恍惚处置) 。

如何保存网站上的svg格式Logo文件

文章插图


以上内容就是如何保存网站上的svg格式Logo文件的内容啦, 希望对你有所帮助哦!

    推荐阅读