我們普通小編不會代碼怎么編輯這種有趣的文章呢？今天小編就給大家推薦一個不需要學代碼，也能做微信公眾號SVG效果的工具-135編輯器。

效果示范↑

這里我們推薦使用135編輯器，打開135編輯器，登錄之后先：

1、將菜單欄切換成【專業(yè)版】

2、在基礎(chǔ)布局，找到SVG布局，點擊樣式，放置在135編輯器編輯區(qū)內(nèi)。

3、在編輯區(qū)內(nèi)點擊樣式，在彈出的菜單欄中點擊【SVG布局動畫】

制作這個效果前，我們先對微信公眾號SVG動畫設(shè)置版面有個初步了解。大家可以點擊下面圖片，詳細查看。

要制作點擊答題類排版，需要設(shè)置兩個頁面。一個是點擊前的，一個是點擊后的。

頁面一是點擊前的顯示效果，我們將文字、顏色、文字大小做一個調(diào)整。如下圖：

橫向、縱向百分比設(shè)置：定位文字方位

文字內(nèi)容：輸入后支持單行顯示

文字粗細：默認0，數(shù)值越大文字越粗

文字大?。耗J18，數(shù)值越大，文字越大

文字顏色：與135編輯器一致

背景：可設(shè)置背景顏色

然后設(shè)置動畫效果，這里我們可以選擇淡出、1秒

動畫觸發(fā)：

點擊是需要讀者點擊后，才出現(xiàn)下一頁畫面效果。

自動是打開文章時，自動開始進行播放。

動畫類型：

無動畫：無任何效果

字幕：類似彈幕效果可以設(shè)置上下左右四個方向

快閃：快速切換閃動

淡入：逐漸顯示

淡出：逐漸消失

移入移出：當前畫面向上下左右四個方向移出或者移入

展開：只允許最后一屏設(shè)置展開效果，畫面向下展開

時間設(shè)置：

動畫時長：動畫能持續(xù)多久時間，時間設(shè)置得越久，動作就越緩慢

動畫延遲：讀者觸發(fā)了這個動畫效果后，多久開始執(zhí)行這個效果。時間設(shè)置得越久，等待得越久。

設(shè)置好頁面一之后，我們點擊頁面右側(cè)的加號，復制當前頁。

在第二頁，我們要把答案輸入進去。動畫類型選擇無動畫即可。

接著我們將畫布寬高比設(shè)置一下，默認情況下寬高比為1:1，案例中選項是長方形的，我們可以將寬高比設(shè)置為100:20。

設(shè)置完畢后，點擊右上角的【預覽】查看整體效果。預覽無誤后，點擊完成即可。

由于這道題目，我們設(shè)置了三個選項，那么我們繼續(xù)編輯后面兩個。我們回到編輯器頁面，將選項A進行復制，再在下方粘貼出來。刪掉多余的部分。