当我们在浏览网页中，可能会看到好看的svg图标。这时我们想要保存下来，该怎么办呢，别急，下面小羽就教你如何操作。操作步骤：右击浏览器页面，选择检查，打开浏览器的调试工具。选择调试工具中的箭头，然后选中你想要保存的SVG图标。右击上面第二张图的svg处，选择copy => copy element新建txt文件，将刚才复制的元素复制到文本中，更改文件后缀为svg即...
今天给大家说一个将
svg
下载
到本地
图片
的方法，这里我不得不吐槽一下，为啥博客园不可以直接上传本地文件给大家用来直接
下载
分享呢，好，吐槽到此为止！
这里需要用到一个js文件，名字自己起，内容如下：
(function() { const out$ = typeof exports != 'undefined' && exports || typeof define != 'un...
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
然后再右击，点击“审查元素”，定位到
svg
图标，右击，点击“复制元素”。
将复制的内容粘贴到第一行代码下面。
最后将文本文件格式改为".
svg
"格式。
13个免费
下载
SVG
图标网站
在前端开发过程
中
，经常会用到各种图标。在各种图标格式
中
，因为
SVG
既能满足现有
图片
的功能的前提下，又是矢量图，在可访问性上面也非常不错，并且有利于 SEO 和无障碍，在性能和维护性方面也比 iconfont 要出色许多，是目前使用最广的类型，今天就给大家介绍一些可以免费
SVG
图标的网站。
1、Ikonate
Ikonate 提供200多个完全可定制的矢量图标。可以随意设置图标的边框、大小、风格、颜色等属性。在无障碍浏览和性能方面该库也做了充足的优化。
优势：所有主要
浏览器
都支持，并允许使用脚本
缺点：不推荐在
HTML
4和X
HTML
中
使用（但在
HTML
5允许）
<embed src="circle1.
svg
" type="image/
svg
+xml" />
使用 <object>标签
优势：所有主要
浏览器
都支持，并支持
HTML
4，X
HTML
和
HTML
5标准
第一步，在火狐
浏览器
中
鼠标右击 => 查看页面信息
在媒体选项
中
找到我们要获取的
svg
图标项，注意的是
svg
很多都是白色的，所以我们单击发现下面的显示框什么都没有，其实是有的，只不过是白色的我们看不到而已
然后右下角另存为即可
会给我们生成一个.
svg
的文件
然后直...
This is
SVG
, a language for describing two-dimensional graphics in XML.
The Scalable Vector Graphics (
SVG
)
(Massachusetts Institute of Technology, Institut National de
Recherche en Informatique et en Automatique, Keio University).
All Rights Reserved.
Permission to use, copy, modify and distribute the
SVG
DTD and its
accompanying documentation for any purpose and without fee is hereby
granted in perpetuity, provided that the above copyright notice and
this paragraph appear in all copies. The copyright holders make no
representation about the suitability of the DTD for any purpose.
import { View } from '@tarojs/components';
export default class
Svg
extends Taro.Component {
static options = {
addGlobalClass: true
static defaultProps = {
width: '100%',
height: '100%'
render() {
const { width, height, src, className } = this.props;
return (
<View className={className}>
style={{ width, height }}
viewBox={`0 0 ${width} ${height}`}
<use xlinkHref={`/static/
svg
/${src}.
svg
#${src}`} />
</
svg
>
</View>
然后，在需要使用的页面
中
引用
svg
组件，传入 src 参数即可：
```javascript
import Taro from '@tarojs/taro';
import { View } from '@tarojs/components';
import
Svg
from '
svg
';
export default class Index extends Taro.Component {
render() {
return (
src="example"
width="50px"
height="50px"
</View>
其
中
，example.
svg
文件需要放置在 static/
svg
目录
中
。
