将 SVG 动画的结尾另存为 png快速

编程问答 2022-05-25

问题描述

以下动画 svg 显示了一个从左到右平移的点：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="432px" height="574px" viewBox="0 0 432 574">
<path d="M217.074,165.651c-36.607,0-66.268,29.589-66.268,66.307c0,36.597,29.66,66.274,66.268,66.274c36.642,66.367-29.678,66.367-66.274C283.441,195.241,253.716,165.651,217.074,165.651" fill="#CC0000">
<animateTransform attributeName="transform" type="translate" from="0" to="90" dur="0.01s" fill="freeze"/>
</path>
</svg>

我需要将 svg 以动画结束时看起来的形式保存为 png/jpg。 我目前的方法是为动画设置一个非常短的持续时间，最后使用 fill="freeze" 停止它，然后使用 Javascript 在 Chrome 中自动截图。但是，一张屏幕截图大约需要 0.3 秒，我需要为数千个 svg 执行此操作，因此我需要加快速度。有没有另一种方法来实现这一目标？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptpythonsvgsvg-animate