Jquery 使用Vivus.js反向运行SVG动画

Jquery 使用Vivus.js反向运行SVG动画,jquery,html,animation,svg,vivus,Jquery,Html,Animation,Svg,Vivus,我正在尝试反向运行SVG线条动画,但似乎无法使用 这是我的密码 我的SVG: <svg version="1.1" id="eco-system-line-1" class="eco-system-line active" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2.9 64.5" enable-background

我正在尝试反向运行SVG线条动画,但似乎无法使用

这是我的密码

我的SVG:

<svg version="1.1" id="eco-system-line-1" class="eco-system-line active" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="0 0 2.9 64.5" enable-background="new 0 0 2.9 64.5" xml:space="preserve">
    <g>
        <path fill="none" stroke="#1C75BC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M 1.3 63.3 L 1.3 1.2"/>
    </g>
</svg>
Vivus插件网站声明“播放(速度)以参数中给定的速度播放动画。此值可以为负值以向后移动,介于0和1之间以缓慢移动,或优于1以快速移动。默认值为1。”

由于某种原因,当我添加任何负值时,插件不起作用,并且我没有收到任何控制台错误

有人做过这个吗


当vivus开始时,没有绘制笔划。然后,它逐渐地在时间上向前绘制笔划

如果你向后跑,它从没有划水开始,永远不会有时间画一个

如果你愿意,你可以倒着跑。例如

如果你阅读文档的话,想必还有一种方法可以让它从画东西的位置开始。

有一种叫做“完成”的方法,你可以使用它

svgLine.finish().play(-1);
应该这样做

setInterval(function(){ svgLine.play(-1); }, 3000);
svgLine.finish().play(-1);