关于vue项目中的svg矢量图的使用_vue 矢量图位置_Arenaschi的博客-程序员秘密

矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由点连接的线。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。

矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。

我们一般项目中（vue2，vue3）中都会使用到，下面我用一个案例来告知怎么使用

这是项目中矢量图的位置

如果你要是想替换掉这个矢量图

1.建议到阿里巴巴矢量图官网 iconfont-阿里巴巴矢量图标库

输入你要想找的图标信息关键字

选择矢量图点击下载

选择你需要的下载方式，这里我选用svg代码下载

之后你会得到一段svg标签包裹的代码，放入项目中直接替换掉你文件中的代码即可。即example.svg的内容

本文链接：https://blog.csdn.net/s_sos0/article/details/121136812

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

海思Hi3518e烧录步骤_海思烧录工具教程_日拱--卒的博客-程序员秘密

如果需要更新uboot/kernel/文件系统等，则按照以下步骤即可：1、板子重新上电，或者已经进入到系统后，输入reboot进行重启。在Hit any key to stop autoboot:xx的时候敲击任意按键，进入到uboot命令行模式，如下图：2、配置好虚拟机的tftp服务器，将需要烧录的固件放在tftp服务器的目录下，然后进行烧录。（1）. 烧录内核命令mw.b 82000000 ff 300000; tftp 82000000 uImage_hi3518ev200;sf

【龙芯1c库】上电初始化汇编代码start.S注解（pmon类似）_勤为本的博客-程序员秘密

参考pmon源码，将start.S、Makefile和链接脚本移植到裸机程序，实现纯粹的真正的裸机程序。这样就不再需要pmon，上电后直接运行裸机程序。本文涉及的异常和地址空间的相关知识，需要结合《龙芯1c的芯片手册》、《see mips run》和《北京龙芯的龙芯1c开发板手册》。这几个文档都已经放到龙芯1c库的git上了，最新最完整的代码也请移步到git查看。龙芯1c库的git地址是https...

数据结构与算法分析（C++语言版）_张琨版第三章栈和队列课后习题答案_数据结构与算法分析张琨版课后答案_赵卓不凡的博客-程序员秘密

一、选择题D A 2.A 3.C 4.D 5.C 6. B 7.C 8.C 9. C 10.A二、填空题1.栈顶 2.链栈 3. 空 4.不可能 5. O(1) 6. A D7.设所创建的链栈为s 则s=NULL 8. 链栈头链栈头9.设所创建的链队指针为p 则p->next=NULL10． LiQueue * qu=( LiQueue *)malloc(sizeof(LiQueue)); //申请空间qu->front=qu->rea

嵌入式开发为什么不选择汇编、Java而是C语言呢?_普通网友的博客-程序员秘密

ID：技术让梦想更伟大作者:李肖遥对于现在我们从事嵌入式开发的人员来说，C语言好像是必备的技能，也是最常见的开发语言.但是我们有没有想过为什么嵌入式开发要使用C语言呢？为什么不使用汇编呢...

Node.js学习-Node.js入门-04模块系统_node模块学习_weixin0605的博客-程序员秘密

exports默认模块作用域，模块所有的成员只在模块内部有效要其他模块可以访问，需要挂载到exports//main.js//reuire默认得到对象var forExports = require('./foo');console.log(forExports);//foo.jsvar foo = 'bar';function add(x,y){ return x+y;...

dota 火猫TC二连技巧_亓磊的博客-程序员秘密

好处难点技巧操作练习附加AI地图超级命令常用介绍dota火猫TC二连是基本连招，而且是核心连招。好处超远距离（理论max距离：550+1100码）限制技能3秒；追杀神技cd短，只有8秒；连续追杀神技难点TC二连要求在T释放0.2s内释放C技能。技巧TC二连要面向敌方单位，而且要保证1600码以内。以此确保T第一时间可以释放；然后在0.2s以内，迅速按C。成功率99%。操作练