Как сделать обратную отрисовку обводки?

Question

[Jun ior]

Доброе время суток)
Я использую библиотеку anime.js для анимации отрисовки обводки у svg, всё работает как и должно за исключением одного я не могу сделать обратную отрисовку обводки svg по определённому событию. Вот код:

function makeStroke(){
var drawer = anime({
        targets: '.header-img path',
        strokeDashoffset: [anime.setDashoffset, 0],
        easing: 'easeInOutSine',
        duration: 2000,
        delay:0,
        direction: 'alternate',
        loop: false,
        });
        var filler = anime({
        targets: '.header-img path',
        easing: 'easeInOutSine',
        duration: 1000,
        fill:'#000',
        delay:2000,
        direction: 'alternate',
        loop: false,
        });
}

function removeStroke(){
// Не знаю как сделать
}

Заранее спасибо)

Comments

[lagudal]

Просто по этому куску кода вам вряд ли помогут, выложите где то в песочнице все вместе - svg, css js
А так - у вас где-то, либо в css, либо прямо в svg должно быть прописано значение stroke-dashoffset - именно это значение вы приводите к нулю в вашем скрипте - strokeDashoffset: [anime.setDashoffset, 0]
Таким образом, чтобы удалить stroke подобным же образом надо установить значение stroke-dashoffset таким, чтобы оно было больше чем вcя обводка. Установите его таким же каким оно было прописано до применения первой анимации.

[RAX7]

Поменяй местами anime.setDashoffset и 0 в массиве strokeDashoffset