svg - 在 SVG 文件中暂停绘图

Question

如果我想随着时间的推移绘制单条线，是否有命令暂停 svg 文件中的绘图？我可以将命令直接放入 SVG 文件吗？

Answer 1

您可以使用SMIL 动画随时间绘制，或者使用 javascript 您可以使用setTimeout添加以在您选择的时间间隔内更改 DOM。

Answer 2

SVG 确实支持动画作为animate元素，并为动画提供DOM API。大多数浏览器也支持SMIL 。

但是，由于以下原因，这些很少直接使用：

1. 它们在浏览器中不受统一支持
2. 他们很笨拙

更常见的是使用外部库，如d3orjquery并通过 Javascript 控制 DOM 元素。