捕捉SVG - 以相反方向制作路径动画

Question

我正在研究路径动画，但我仍然坚持如何反过来完成它。

http://jsfiddle.net/t1yu3mcn/1/

目前，红色路径从全长开始，随着时间的推移变得越来越短从正确的方向。我想完成相同的动画，但路径从左方向开始变短。 （开始从左侧矩形消失，并在右侧矩形处消失）。

我尝试更改.animate：

中的以下代码段

'stroke-dasharray':  val + ' ' + (pathCoverLength - val)

但是将其更改为不同的值永远不会产生正确的效果。

有人知道一种简单的方法来实现这个目标吗？

Answer 1

一种方法是进一步兼顾dashOffset点......

jsfiddle

pathCover.attr({ strokeDasharray: pathCoverLength + ' ' + pathCoverLength })

Snap.animate(pathCoverLength*2, pathCoverLength, function(val) {
    pathCover.attr({
        strokeDashoffset: val  });
}, 7000, mina.ease);