SVG 交互排版是什么？簡單來說SVG可以實現(xiàn)普通的排版不能實現(xiàn)的交互功能。

現(xiàn)在很多公眾號都直接在正文頁通過SVG交互動畫增加文章的閱讀交互體驗，而不用再跳轉(zhuǎn)H5。svg排版可以直接嵌入微信文章，不離開微信公眾號主體，避免關(guān)注的流失，又能豐富文章內(nèi)容，加入適當(dāng)?shù)膭赢嫼徒换?，能讓用戶更生動的閱讀。

SVG的交互功能不僅僅是實現(xiàn)一個動畫，它可以響應(yīng)用戶的行為，比如在文章中插入一個滑動拆紅包，點擊后播放動畫，選擇不同圖片返回不同性格說明等等...

但是復(fù)雜的交互排版往往需要代碼來實現(xiàn)，不會代碼，就沒法做svg圖文排版了嗎？

并不是，我們可以借助第三方編輯器，利用svg樣式，輔助我們實現(xiàn)svg圖文排版！

今天我們以135編輯器為例，教大家如何做svg交互排版。

SVG編輯器入口：http://ptgmusicacademy.com/svgeditor/

第一步，登錄135編輯器官網(wǎng)。

第二步，點擊【素材庫】—【樣式中心】

頁面跳轉(zhuǎn)，在樣式搜索框輸入：svg，搜索svg樣式。

或者也可以點擊【風(fēng)格】——【動態(tài)svg】

這樣就可以看到135編輯器中的超多svg樣式啦。

每一個樣式下面都有教程，點擊即可查看該樣式的使用方法，都超簡單的！

每個svg樣式的使用方法不一樣，但是都簡單易上手，想要做svg交互排版的朋友們建議去135編輯器官網(wǎng)搜索樣式，查看教程?？焖賹W(xué)會svg交互排版。

福利時刻-免費領(lǐng)取7天135編輯器VIP會員】

點擊http://ptgmusicacademy.com/users/invite/ddb12a17ce400c35fe041d275a578351，注冊135編輯器，即可獲得7天VIP會員