Как прорисовать правильно анимировать SVG иконку?

Question

[He_British]

Доброго времени суток!!

Пытаюсь с помощью vivus.js заанимировать SVG иконки. Столкнулся с проблемой, что скрипт не хочет отрисовывать иконку одной линией.
Нужно так:

Но отрисовывает так:

Comments

[Nikolay Talanov]

Я конечно не уверен, но у вас эта иконка по виду сделана в виде двухстороннего path с stroke-width="1" stroke="#000", который потом заливается fill="#000". Хотите сделать реал-тайм отрисовку закрашенной линии - найдите иконку, которая сделана одним жирным path элементом, а не обводкой по краям.

Answer 1

[Мак Алексей]

vivus.js отрисовывает только контуры, Вам надо сделать эту иконку без заливки, используя обычный stroke нужной толщины.