新功能|SVG布局功能教程來啦，快學起來
SVG布局功能，可以實現(xiàn)多種SVG樣式的組合搭配使用，一起看看吧~~~
胖友們好啊，我是三兒
快來和三兒一起看下吧！
SVG編輯器入口：http://qwer.com.cn/svgeditor/
在左側樣式菜單欄下的『布局』—『基礎布局』中找到svg布局。
1.選中svg布局樣式，在彈出的界面中的svg布局下點擊『動畫』選項，即可進入svg動畫設置頁面。
注意：要樣式四周出現(xiàn)紅色的虛線才算是真正選中哦~
2.進入svg動畫設置頁面，在左側區(qū)域我們可以通過點擊“+”和刪除圖標添加或者減少svg頁面。
3、在右側我們可以控制動畫的呈現(xiàn)形式，有文字和圖片兩種形式。
除此之外還可以添加多個文字和多個動畫效果，包含快閃、字幕、展開等常見的svg形式。特別容易，大家去試試就明白了！
胖友們肯定好奇這個svg布局能設置哪些svg樣式，光說不練假把式，接下來三兒就給大家上兩個教程！
點點點??(建議手機端查看）
這個是咋弄的？好奇嗎？接著往下看吧！
1、點開svg動畫設置頁面，點擊“+”，添加你想要的頁面張數(shù)！
2、選中每一頁，在右側菜單欄中輸入你的文字。設置字體大小，加粗，字體顏色。
注意：選中時該頁面邊框為黃色實線。
3、設置頁面背景，這里可以直接跳轉到135編輯器背景設置，純色背景或者圖片背景都可以，三兒這里用的黑白兩色。
在背景色中將背景設置為黑色，文字設置成白色，就是上面的效果啦，胖友們也可以自由發(fā)揮，設置你喜歡的背景。
4、我們還需要設置動畫效果和方向以及動畫顯示時間，三兒上面用的是“移出”，0.2s，動畫方向每一張都不一樣，胖友們自己調(diào)整哦！
對啦，胖友們還可以設置動畫觸發(fā)選項，一般默認的都是點擊觸發(fā)，當然胖友們也可以選擇自動模式。
這樣，多次點擊切換svg就設置好了，胖友們快去試下吧！
點擊展開全文（建議手機端查看）
▼
1、選中樣式，點開svg設置頁面。首先選擇展開之前顯示的部分，可以設置為圖片或者文字，三兒這里選擇的是圖片。
2、為這張圖片設置動畫類型為淡出，動畫時長為0.1s。然后再添加一個動畫，動畫類型為展開，動畫時長為4s。
3、點擊『預覽/編輯展開圖文』就可以添加展開的內(nèi)容，三兒這里選了模板內(nèi)容來做展示，胖友們可以選擇自己已經(jīng)排版好的文章。
編輯器好后，點擊完成，即可預覽查看效果啦！
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致svg失效哦！
好啦，三兒今天就展示這么多
胖友們學會了嗎？
svg布局使用的方式還有很多
等著胖友們?nèi)ヌ剿髋秪
還等啥啊，這么好用的svg
趕快來用到你的文章里吧！
·END·
【運營漲薪必備】
倒計時7天！
第11期排版訓練營要開課啦
快來報名??排版訓練營
■ ■ ■ ■
立即登錄
- 【135早資訊】：視頻號小任務正式上線；拼多多將上線跨境電商平臺
- 【135早資訊】：特斯拉上海超級工廠第100萬輛整車下線；?微信聊天對話框支持放大編輯
- 【135早資訊】：北京發(fā)布國內(nèi)首個數(shù)字人產(chǎn)業(yè)專項支持政策；元宇宙招聘潮開啟
- 【135早資訊】：平安銀行零售條線降薪；蔚來李斌回應手機業(yè)務傳聞
