在編輯器頁面左側(cè)的菜單欄選擇【樣式】——【布局】——【基礎(chǔ)布局】，往下滑動就可以找到SVG布局。

將SVG布局放入編輯區(qū)域后，選中它，調(diào)出右側(cè)的SVG布局面板，選擇【編輯SVG布局】即可進(jìn)入此功能的界面。

SVG布局界面大致可以分成三個區(qū)域，第一個是增加畫布區(qū)，第二個是效果操作區(qū)，第三個是編輯區(qū)。

當(dāng)你想要增加畫布時，點擊第一個畫布旁的【+】號即可。

如果你想要刪除畫布，跟增加畫布是同樣的操作，點擊右側(cè)此按鈕即可刪除。

在SVG布局中有兩種編輯選擇。第一種是編輯文本，第二種是編輯圖片。在編輯操作區(qū)域的最頂部【內(nèi)容】處就可以進(jìn)行選擇。

? 編輯文本

如果你選擇編輯的形式是文本，那就可以在編輯操作區(qū)域的【文字內(nèi)容】框中輸入文字，這里需要注意，你輸入的文字內(nèi)容要盡量簡短，一般一排文字對應(yīng)一個文本框，如果你有多排文字內(nèi)容需要換行，就需要再添加文本框。

輸入好文字內(nèi)容之后，我們可以對文本的位置、顏色、粗細(xì)、字號進(jìn)行調(diào)整。

除此之外，我們還能為文本添加動畫，這就是實現(xiàn)交互效果的關(guān)鍵所在。這里為大家提供了11種效果，包括淡入、淡出、收縮、展開等。

動畫觸發(fā)：這里有兩種選擇，一種是點擊后觸發(fā)動效，還有一種是自動播放動效。

背景：為了讓文本展示不單調(diào)，我們還可以為文本添加背景，有純色、漸變色等選擇。

當(dāng)你選擇編輯形式是圖片時，就選擇頂部的【內(nèi)容】為【圖片】。

點擊中間區(qū)域的【上傳圖片】即可將圖片傳上去，一張圖片放入一個畫布，如果你有多張圖片，就開設(shè)對應(yīng)的畫布數(shù)量。

圖片位置調(diào)整與文本的位置調(diào)整是一樣的，需要調(diào)整縱向和橫向的百分比。

圖片區(qū)域：這里有兩種選擇，第一種是包含，它的意思是指如果圖片的大小無法鋪滿整個畫布，則展示的時候會留出一定的空白區(qū)域。另一種是覆蓋，它的意思是指如果圖片大小無法鋪滿整個畫布時，則會自動裁剪拉伸該圖片，使其鋪滿整個畫布。

動畫效果：這里同樣為大家放置了11種效果，包括淡入、淡出、展開等。