引言

成都網(wǎng)絡公司-成都網(wǎng)站建設公司創(chuàng)新互聯(lián)十余年經(jīng)驗成就非凡，專業(yè)從事成都網(wǎng)站制作、做網(wǎng)站，成都網(wǎng)頁設計，成都網(wǎng)頁制作，軟文發(fā)稿，廣告投放平臺等。十余年來已成功提供全面的成都網(wǎng)站建設方案，打造行業(yè)特色的成都網(wǎng)站建設案例，建站熱線：18982081108，我們期待您的來電！

因為微信小程序的限制，引入外部圖片或者矢量圖，只能通過設置背景圖片background-image : url("base64轉碼后的代碼");的方式來進行操作。同時還是因為微信小程序的限制，我們要先把svg的xml編碼轉碼為base64編碼

首先，說明以下我們常見的svg矢量圖是什么？下面引用百度百科的話：

svg是基于可擴展標記語言（標準通用標記語言的子集），用于描述二維矢量圖形的一種圖形格式

可能還是比較迷糊，那我們來看看，用記事本打開一個svg，里面的編碼是什么：

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 
1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg 
t="1532946882675" class="icon"  viewBox="0 0 1024 1024" version="1.1" 
xmlns="http://www.w3.org/2000/svg" p-id="826" 
xmlns:xlink="http://www.w3.org/1999/xlink" width="200" 
height="200"><defs><style type="text/css"></style></defs><path d="M914.75 
466.75L832 384V256a64.19 64.19 0 0 0-64-64H640l-82.75-82.75a64.19 64.19 0 0 
0-90.51 0L384 192H256a64.19 64.19 0 0 0-64 64v128l-82.75 82.75a64.19 64.19 0 
0 0 0 90.51L192 640v128a64.19 64.19 0 0 0 64 64h228l82.75 82.75a64.19 64.19 0 
0 0 90.51 0L640 832h228a64.19 64.19 0 0 0 64-64V640l82.75-82.75a64.19 64.19 0 
0 0 0-90.5zM512 736L320 384h96l96 192 96-192h96z" p-id="827" 
fill="#F36778"></path></svg>

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：微信小程序里引入SVG矢量圖標的方法-創(chuàng)新互聯(lián)
瀏覽地址：http://www.chinadenli.net/article14/djdige.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、標簽優(yōu)化、App設計、網(wǎng)站建設、網(wǎng)站維護、網(wǎng)站內鏈

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)