大家好，我是轩辕，也是SvgAnimate的作者。
最近有一些用户向我反馈：动画生成之后再网站里面播放正常，但是导出之后文件打不开，或者导出后的动画元素缺失了。
经过分析，对于个别动画，基于现有的技术方案导出之后确实会出现这样的情况。
关于技术细节这里就不过多介绍了，我们会持续研究新的解决方案，修复这样的问题。
但在此之前，我们推出了一个新的解决方案，一定程度上可以缓解这个问题，这就是直接录屏！
大家可以在动画详情页面和动画创作页面，点击导出 MP4这里下拉菜单最下面多了一个内容：
这个新的导出方式可以保证大家在浏览器里面看到的是怎么样的，导出之后的视频就是怎么样的，是一种所见即所得的导出方式。
但是这种方式操作稍微有一些复杂，为了便于大家理解，这里给大家介绍一下具体是如何使用这个功能。
一、找到“直接录屏”入口
无论你是在动画详情页面还是动画创作页面，都可以点击 导出 MP4 的下拉菜单，在最底部看到 直接录屏。
点击后会弹出一个录屏指引窗口：
二、按步骤完成录屏导出
这里用最简单的步骤说明整个流程：
- 点击“开始录制”，浏览器会弹出两个窗口，一个是独立的动画播放页面：
另一个是分享选择弹窗：
- 在上面的弹窗里面，选择要录制的标签页，然后点击右下角共享按钮，浏览器开始对这个独立的动画播放页面开始录制：
到达设定的录制时长后，会自动停止录制并生成下载文件。
默认生成的格式是webm格式，而非mp4格式，常见的视频播放器都能正常播放，视频剪辑软件也能正常处理。
三、两个小建议（很重要）
为了保证录制效果更稳定，建议你：
- 使用 Chrome 浏览器
- 录屏过程中不要切换标签页
四、适用场景
“直接录屏”更适合以下情况：
- 导出文件打不开
- 导出后元素缺失
- 复杂动画导出结果不稳定
- 希望所见即所得，完全对齐网页内效果
五、常见问题
为什么只推荐 Chrome？
因为不同浏览器对录屏能力支持不一致，Chrome 的稳定性最好。
导出的视频会有水印吗？
和普通导出一样，水印规则遵循你当前的会员等级，不会额外叠加。
录屏过程能否缩放页面？
可以，但不建议。缩放会影响最终导出的视频比例。
如果你在使用过程中还有疑问，随时给我留言。我会继续优化导出体验，也欢迎你把遇到的问题反馈给我。
我的X：@xuanyuanzhifeng
我的微信：xuanyuanuncle
SvgAnimate
SvgAnimate Contributor