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

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

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

當(dāng)你想要增加畫布時(shí)，點(diǎn)擊第一個(gè)畫布旁的【+】號(hào)即可。

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

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

? 編輯文本

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

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

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

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

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

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

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

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

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

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