vue数据可视化大屏开发中,经常会遇到添加动画效果的情况,一些动画可以通过css和js来实现,而另外一些只能通过图片序列帧来实现,当动画做完以后,我们需要导出序列帧图片。
添加渲染队列
选择我们要导出的资源,找到合成选择添加到渲染队列。
找到渲染队列
找到输出模块,选择类型
选择序列
这里我需要的是png序列,所以选择png序列,选择完成后点确认。
确认完成后配置一下输出模块右侧的输出到的目录.
配置完成后点击渲染
渲染完成后,就可以看到我们的序列图片了。
页面渲染
得到了我们的序列帧图片后,我们就可以在可视化数据大屏中添加我们的序列帧动画了,我们可以通过vue 使用canvas实现序列帧动画效果或者css方式渲染序列帧了,js或者css的方式来渲染我们的序列帧图片。