Echarts 动态图表导出GIF的记录

Echart渲染图表时会有一些动画效果，想要导出GIF展现渲染过程。

这里官方提供了一个导出图片的API,可以对画布进行实时的快照。这里的思路是在短时间内对于画布进行连续的帧快照。通过第三方库对快照进行拼接实现GIF动画效果。

image-20240131094721507

这里使用gifshot.js作为合成GIF的处理插件。

这里通过定时器添加任务到队列，定时去截取画布快照

image-20240131101517586

效果不是很理想

25

建议还是通过录屏工具剪裁