Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
捕捉SVG-以相反方向设置路径动画_Svg_Snap.svg - Fatal编程技术网

捕捉SVG-以相反方向设置路径动画

捕捉SVG-以相反方向设置路径动画,svg,snap.svg,Svg,Snap.svg,我正在制作一个路径动画,但我被困在如何反向完成它 当前,红色路径从全长开始,随着时间的推移,从正确方向开始越来越短。我想完成相同的动画,但路径从左侧开始变短。(从左矩形开始消失,到右矩形结束消失) 我已尝试在内部更改以下片段。动画: 'stroke-dasharray': val + ' ' + (pathCoverLength - val) 但将其更改为不同的值永远不会产生正确的效果 有人知道一个简单的方法来实现这一点吗?一种方法是进一步调整dashOffset点 令人惊叹的!啊,是的

我正在制作一个路径动画,但我被困在如何反向完成它

当前,红色路径从全长开始,随着时间的推移,从正确方向开始越来越短。我想完成相同的动画,但路径从左侧开始变短。(从左矩形开始消失,到右矩形结束消失)

我已尝试在内部更改以下片段。动画:

'stroke-dasharray':  val + ' ' + (pathCoverLength - val)
但将其更改为不同的值永远不会产生正确的效果


有人知道一个简单的方法来实现这一点吗?

一种方法是进一步调整dashOffset点


令人惊叹的!啊,是的,这是有道理的。
pathCover.attr({ strokeDasharray: pathCoverLength + ' ' + pathCoverLength })

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