在编辑器页面左侧的菜单栏选择【样式】——【布局】——【基础布局】，往下滑动就可以找到SVG布局。

将SVG布局放入编辑区域后，选中它，调出右侧的SVG布局面板，选择【编辑SVG布局】即可进入此功能的界面。

SVG布局界面大致可以分成三个区域，第一个是增加画布区，第二个是效果操作区，第三个是编辑区。

当你想要增加画布时，点击第一个画布旁的【+】号即可。

如果你想要删除画布，跟增加画布是同样的操作，点击右侧此按钮即可删除。

在SVG布局中有两种编辑选择。第一种是编辑文本，第二种是编辑图片。在编辑操作区域的最顶部【内容】处就可以进行选择。

➤ 编辑文本

如果你选择编辑的形式是文本，那就可以在编辑操作区域的【文字内容】框中输入文字，这里需要注意，你输入的文字内容要尽量简短，一般一排文字对应一个文本框，如果你有多排文字内容需要换行，就需要再添加文本框。

输入好文字内容之后，我们可以对文本的位置、颜色、粗细、字号进行调整。

除此之外，我们还能为文本添加动画，这就是实现交互效果的关键所在。这里为大家提供了11种效果，包括淡入、淡出、收缩、展开等。

动画触发：这里有两种选择，一种是点击后触发动效，还有一种是自动播放动效。

背景：为了让文本展示不单调，我们还可以为文本添加背景，有纯色、渐变色等选择。

当你选择编辑形式是图片时，就选择顶部的【内容】为【图片】。

点击中间区域的【上传图片】即可将图片传上去，一张图片放入一个画布，如果你有多张图片，就开设对应的画布数量。

图片位置调整与文本的位置调整是一样的，需要调整纵向和横向的百分比。

图片区域：这里有两种选择，第一种是包含，它的意思是指如果图片的大小无法铺满整个画布，则展示的时候会留出一定的空白区域。另一种是覆盖，它的意思是指如果图片大小无法铺满整个画布时，则会自动裁剪拉伸该图片，使其铺满整个画布。

动画效果：这里同样为大家放置了11种效果，包括淡入、淡出、展开等。