如何解决如何将使用javascript动画的SVG导出为电影格式?
我一直在使用名为SVG.js的库制作动画,该库使用 javascript 和requestAnimationFrame为SVG元素设置动画,而不是提供的SMIL { {1}}标签。
有没有一种方法可以在动画范围内将<animate>
标签的内容转换为每秒 60帧的位图图像?还是更好,将对 requestAnimationFrame 的调用编译成电影?
像canvg这样的库首先将SVG转换为 canvas ,这实际上是同一件事,但这是从 javascript SVG动画中获取电影文件的唯一方法。 ?
解决方法
您可以随时使用例如录制屏幕。 OBS 在浏览器中播放您的 SVG(或您用来播放的任何内容)和 :
- 从 https://obsproject.com/ 获取 OBS、安装、运行并了解如何录制屏幕。只需点击应用窗口右下角的“开始录制按钮”即可。
- 在您使用的首选浏览器或播放器中打开您的 SVG。如果可能,请将其设为全屏。确保您可以轻松地重新启动动画 - 例如使用 CTRL+R 刷新浏览器窗口。
- 切换到 OBS 并开始录制(在 Mac OS 上,您可以从菜单栏开始)。
- 切换到浏览器或播放器并重播您的 SVG 动画。停止后稍等片刻,留出足够的间隙供以后编辑。
- 切换回 OBS 并停止录制。视频已保存为 MP4 - 检查质量,如果质量不够,请更改 OBS 设置并重试。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。