為您找到相關(guān)結(jié)果93,785個(gè)
AI幫你輕松搞定SVG Icon的模糊問(wèn)題_Illustrator教程_平面設(shè)計(jì)_腳本之家
STEP 1:單位一定是像素,否則會(huì)影響其他選項(xiàng)的單位設(shè)置 STEP 2:鍵盤(pán)增量調(diào)整為0.1像素,方便調(diào)整icon位置 STEP 3:網(wǎng)格線間隔設(shè)置為1px,次分隔線設(shè)置為10意思是最小的網(wǎng)格單位是0.1px,如果你的icon邊緣沒(méi)有貼在1、2、3…這樣的整數(shù)網(wǎng)格上而是在次分隔線上,就會(huì)模糊變形! STEP 4:從"視圖"選項(xiàng)中選擇"顯示網(wǎng)格"。
www.dbjr.com.cn/Illustrator/2875...html 2025-6-3
vuecli4插件svg-sprite-loader使用svg圖標(biāo)_vue.js_腳本之家
1、先從阿里圖標(biāo)庫(kù)中下載svg圖標(biāo) 說(shuō)明:svg圖標(biāo)一定要去色,不然,調(diào)節(jié)的圖標(biāo)顏色的時(shí)候,是整體效果 圖標(biāo)去色 2、將下載好的svg圖標(biāo)放置到 assets/svg_icon/svg 文件夾中 如圖: svg存放位置 3、再components中新建組件svg_icon.vue 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2...
www.dbjr.com.cn/javascript/295821c...htm 2025-6-5
Vue Cli項(xiàng)目重構(gòu)為Vite的方法步驟_vue.js_腳本之家
symbolId: 'icon-[dir]-[name]', }), ], }); 添加虛擬模塊至入口文件,如: 1 2 3 4 // src/main.js // ... import 'virtual:svg-icons-register'; // ... 添加SvgIcon/index.vue 組件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29...
www.dbjr.com.cn/article/2817...htm 2025-5-28
vue3使用svg圖標(biāo)的多種方式總結(jié)_vue.js_腳本之家
<svg style="width: 10px; height: 10px"> <use href="#icon-shanchu" rel="external nofollow" ></use> </svg> 顯示出了刪除的圖標(biāo) 封裝的寫(xiě)法(上面的代碼寫(xiě)著太重復(fù)下面進(jìn)行封裝) 1:新建一個(gè)專門(mén)獲取svg圖標(biāo)的組件 icon.vue (svg/index.vue) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16...
www.dbjr.com.cn/article/2788...htm 2025-6-7
VUE3 加載自定義SVG文件的詳細(xì)步驟_vue.js_腳本之家
.use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'icon-[name]' }) } };這個(gè)配置告訴 webpack 對(duì)于 src/assets/icons 目錄中的 .svg 文件,使用 svg-sprite-loader 來(lái)處理它們。其他目錄中的 .svg 文件將使用項(xiàng)目中默認(rèn)的 SVG loader。步驟...
www.dbjr.com.cn/javascript/3144079...htm 2025-6-3