icon
6篇文章 · 0订阅
  • vite生成雪碧图的方法
    SVG图标精灵图（雪碧图）可以通过将多个SVG图标合并成一个单独的SVG文件。这种方法可以减少HTTP请求，提高页面加载速度和性能。
    前端
  • vue3+vite实现自定义svg图标组件，自定义图标颜色，一次封装永久使用。附带源码亲测有效额
    一、项目中为何使用svg图标 通常在项目中使用的icon图标是组件库自带的，有时候并不能满足我们的需求，所以我们需要自定义icon图标。
    前端 Icon
    vue3+vite实现自定义svg图标组件，自定义图标颜色，一次封装永久使用。附带源码亲测有效额
  • Vue3中封装SvgIcon组件（Vue3系统篇十一 ）
    Vue3中封装SvgIcon组件（Vue3系统篇十一 ） 1、认识SvgIcon组件作用 首先我们应该认识一下svg并且知道Svg格式图片的好处，这里可以去看一下我这篇svg部分的文章。 地址http
    Vue.js JavaScript 前端
    Vue3中封装SvgIcon组件（Vue3系统篇十一 ）
  • web项目中图标的前端处理方案
    SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称，是一种用来描述二维矢量图形的XML标记语言。SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描…
    前端
  • 23年了，icon 方案该升级了
    说到 icon，很多前端开发只能想到 iconfont，或者组件库中提供的那些图标，当然这对于绝大多数开发场景是够用的。 但要知道，iconfont 的方案其实是在 2016 年公开，到现在也已经有
    前端 JavaScript
    23年了，icon 方案该升级了
  • vue 项目svg导入的多种方案优缺点分析
    svg 是一种基于可扩展标记语言（XML）的图形格式，具有 不会失真 ，更小的体积。为了在项目中更好的使用 svg, vite + vue 这种形式下解决方案
    前端 Vue.js 架构