随笔分类 - svg

svg 图标相关

摘要：1. svg在线压缩合并工具 SVG在线压缩合并工具 » 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com) 2. svg-sprites还原工具 SVG Sprites还原工具，内置Font Awesome小图标 » 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com) 3.svg在线编阅读全文

posted @ 2023-12-15 14:15 等风来灬阅读(35) 评论(0) 推荐(0) 编辑

svg图标不变色的原因和解决方法

摘要：原因：svg图标上有一个 fill 属性影响解决方法：方法1： 1. svg 标签上修改fill 属性为 fill="currentColor" 2. path 标签清空fill 属性 1 <svg width="16" height="16" viewBox="0 0 16 16" fill= 阅读全文

posted @ 2023-08-03 16:21 等风来灬阅读(2071) 评论(0) 推荐(0) 编辑

vue2项目中引入svg图标

摘要：vue 版本 vue: "^2.6.11" 1. 下载对应的svg 依赖 npm install svg-sprite-loader --save-dev 2. 创建svgIcon 文件夹文件夹下对应3个文件 svg 文件夹：存放svg 文件 index.js 文件：vue 挂载svg index 阅读全文

posted @ 2023-08-03 13:25 等风来灬阅读(869) 评论(0) 推荐(0) 编辑