<p class="ql-block">SVG动画今天涉及到的内容是两款，一个是弹幕，一个是歌词展示。弹幕的设置：添加一个SVG布局后，会发现其中间有一个单利布局，中间可以添加图片，文字，视频等，可根据实际需求添加，如果添加的是图片，SVG的外框大小可通过点击动画，点击图片，添加图片后提取界面大小，然后删除动画设置中的图片即可；在单列布局中添加图片后，选中SVG布局外框，点击动画，进行弹幕设置，添加文字，修改字色，字体大小，背景色，动画设置为自动，字母，淡入，时间需求设置，弹幕所在位置可以通过直接点击文字拖动放置，等所有弹幕设置好之后，可以通过预览查看效果。</p><p class="ql-block">歌词展示效果，该效果主要出现在，图片下方，或者视频下方，可以先添加一个SVG布局，然后设置动画，布局高度可以设置为100：10，只要能刚好展示文字内容即可，可以先对一行文字进行设置，顺序播放，然后点击添加，旁边新增动画格式，会直接沿用过去。设置完文字后，添加一个两列布局，把SVG格式放入右侧，左侧添加一个动画贴纸，去掉贴纸的组前组后距，设置宽度为10%，后侧宽度为90%，整行居中对齐。然后添加一个单列布局，把上述两列布局拖入其中，点击左侧贴纸，左边距10，右边距10。添加背景色透明色灰色。在单列布局上方添加一张图片，设置图片，组前距0，组后距为负数，刚好让下面的单列布局叠加在图片上即可，可以通过预览查看效果。</p>