嘿，胖友們大家好呀，我是三兒。

又到了我們的SVG教學環(huán)節(jié)了，今天三兒來給胖友們玩一個賊有意思的樣式，你只需要點擊即可換圖，從理論上來說，你可以放很多圖，讓用戶一直點……

SVG編輯器入口：http://d1167.cn/svgeditor/

不信？

來試試！

怎么樣，是不是特別有意思？三兒已經(jīng)能想象出它在推文里的各種表現(xiàn)形式了。

那么問題來了，這個樣式該如何使用呢？

別急，今天三兒來教你，輕松玩轉(zhuǎn)SVG點擊樣式！

話不多說，教程開始！

點擊換圖樣式

ID:99109

【樣式作用】：節(jié)約排版空間，版面清爽整潔的同時還能與讀者進行有效的互動，幫助打造文章氛圍。除此之外，還可以結(jié)合產(chǎn)品特性，制作出更多的玩法。

【使用說明】：樣式中使用的所有圖片都需要保持寬高一致，需要使用保存同步功能，否則會導致樣式失效。

首先，我們需要準備樣式中所需要用到的圖片，所有的圖片都需要保持寬高一致，不然會導致樣式錯版哦！

5.我們還可以增加和刪除圖片，在動畫設(shè)置界面中，找到『復制』按鈕，即可新增一張圖片，新增圖片時需要注意圖片的先后順序哦。

6.刪除圖片和增加圖片一樣，我們在動畫設(shè)置界面中找到『刪除』按鈕，即可刪除多余的圖片。

7.設(shè)置完所有內(nèi)容以后，胖友們可以在右側(cè)的預覽框中進行測試，也可以返回編輯器界面，點擊右側(cè)菜單欄中的『手機預覽』進行測試。

注意事項：

這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致樣式失效哦！