Animation paperjs中的路径平滑衰落

我想做一个路径淡入淡出的效果，通过沿路径逐渐淡入笔划使路径消失

我现在能做的是逐个删除路径的每个段，产生一个相当糟糕的效果：

---

有没有办法使动画更平滑？

要制作平滑路径动画，您不必删除片段，还可以使用和进行播放。
通过将虚线阵列设置为路径长度并设置虚线偏移动画，可以实现所需的效果。
查看此模式以更好地理解：

下面是一个演示解决方案的示例

var circle = new Path.Circle({
    center: view.center,
    radius: 50,
    strokeColor: 'black',
    closed: false
});
circle.addSegment(circle.firstSegment);

fade();

function fade() {
    if (circle.segments.length > 0) {
        setTimeout(function() {
            circle.lastSegment.remove();
            fade();
        }, 1000);
    }
}

// create path
var path = new Path.Circle({
    center: view.center,
    radius: 50,
    strokeColor: 'black',
    closed: false
});
path.addSegment(path.firstSegment);

// set dash array as long as path length
path.dashArray = [path.length, path.length];

// on frame...
function onFrame(event) {
    // ...increment dash offset
    path.dashOffset += 1;
}