SVG編輯器里為大家提供了多種SVG交互效果，包含無縫、點擊、滑動、長按、圖片輪播、視音頻、小程序、超鏈接等等效果。

只需要上傳你的素材，這些動態(tài)互動效果就能DIY成你的定制互動排版，以點擊切換效果為例，我們來一起看看，一個微信公眾號文章的交互設計排版是如何在SVG編輯器里實現(xiàn)的吧。

準備工作：打開135編輯器，在首頁左側(cè)的功能區(qū)中找到【SVG編輯器】入口，或者直接點擊此處，進入SVG編輯器。

1、點擊樣式，將樣式插入中間的編輯區(qū)

2、在編輯器右側(cè)點擊【添加圖片】按鈕，上傳點擊前和點擊后的圖片

注意點擊前后圖片的寬高尺寸要保持一致

3、圖片上傳完成后，在動畫設置中，設置動畫時長和動畫延時的參數(shù)（動畫時長的數(shù)值越大，點擊后圖片切換的時間越慢；動畫延時的數(shù)值越大，點擊后動畫推遲出現(xiàn)的時間越長）

4、鼠標移動紅色方框，調(diào)整點擊切換圖片觸發(fā)區(qū)域的位置和大小

觸發(fā)區(qū)域以外的位置點擊不響應

5、設置完成，預覽無誤后，可以使用【同步】或【導出】功能，保存到微信公眾號平臺

大家都學會了嗎？SVG編輯器里還有更多黑科技排版的玩法，等你來發(fā)掘噢~ 創(chuàng)意的動態(tài)互動排版，一個SVG編輯器幫你輕松搞定！