輕松玩轉SVG點擊微信排版樣式
SVG教學—輕松玩轉SVG點擊微信排版樣式
嘿，胖友們大家好呀，我是三兒。
又到了我們的SVG教學環節了，今天三兒來給胖友們玩一個賊有意思的樣式，你只需要點擊即可換圖，從理論上來說，你可以放很多圖，讓用戶一直點……
SVG編輯器入口：http://m.vrlw.com.cn/svgeditor/
不信？
來試試！
怎么樣，是不是特別有意思？三兒已經能想象出它在推文里的各種表現形式了。
那么問題來了，這個樣式該如何使用呢？
別急，今天三兒來教你，輕松玩轉SVG點擊樣式！
話不多說，教程開始！
點擊換圖樣式
ID:99109
【樣式作用】：節約排版空間，版面清爽整潔的同時還能與讀者進行有效的互動，幫助打造文章氛圍。除此之外，還可以結合產品特性，制作出更多的玩法。
【使用說明】：樣式中使用的所有圖片都需要保持寬高一致，需要使用保存同步功能，否則會導致樣式失效。
首先，我們需要準備樣式中所需要用到的圖片，所有的圖片都需要保持寬高一致，不然會導致樣式錯版哦！
一、如何更換圖片？
按照上面的要求準備好圖片以后，我們就可以開始更換圖片了。更換圖片我們可以使用專業版編輯器的動畫功能來進行更換。
1.首先將編輯器切換至專業版，點擊右側『更多功能』，在彈出的菜單中選擇『切換專業版』，即可將編輯器切換為專業版。
2.搜索樣式ID：99109，找到『點擊切換圖片』樣式，插入至編輯器中。
3.點擊選中樣式（在樣式周圍出現虛線框時，才算選中哦！），在彈出的菜單欄中，選擇『動畫』按鈕，進入動畫設置界面。
這里需要注意的是：只有SVG樣式才會有動畫按鈕哦，普通的樣式是沒有動畫按鈕的！
4.在動畫設置界面，我們就可以對樣式內的圖片進行更換了，胖友們可以點擊鏈接下方的『圖片上傳』按鈕上傳圖片。
5.我們還可以增加和刪除圖片，在動畫設置界面中，找到『復制』按鈕，即可新增一張圖片，新增圖片時需要注意圖片的先后順序哦。
6.刪除圖片和增加圖片一樣，我們在動畫設置界面中找到『刪除』按鈕，即可刪除多余的圖片。
7.設置完所有內容以后，胖友們可以在右側的預覽框中進行測試，也可以返回編輯器界面，點擊右側菜單欄中的『手機預覽』進行測試。
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致樣式失效哦！
好啦，今天的教程就到這里啦
胖友們學會了嗎？
立即登錄
