Прорисовка SVG?

Question

[Nazaror]

Здраствуйте, не могу прорисовать SVG, при прорисовке оно рисует совсем не так. В чем дело? Как исправить?

spoiler

https://codepen.io/nazaror/pen/KKVJNON

Answer 1

[Ivan Bogachev]

Нужно с помощью метода getTotalLength() узнать длину path (она равна 3904) и подставить ее везде, вместо вашего магического числа 1000.

Comments

[Nazaror]

Заработало, но оно прорисовавает две линии а мне одна нужна

[Ivan Bogachev]

Заработало, но оно прорисовавает две линии а мне одна нужна

Nazaror, У вас сама кривая нарисована по кругу. Если вы хотите простое и надежное решение вопроса "нарисовать только ее половину, причем не с ее начала", то нужно открыть картинку в векторном графическом редакторе и удалить из нее ту половину кривой, которая не должна анимироваться.

[Nazaror]

Ivan Bogachev, можете кинуть редактор?

[Nazaror]

Ivan Bogachev, Или можете как-то помочь убрать? А то не очень шарю. С меня все что можно) плюсы и тд) Буду очень благодарен

[Kovalsky]

Nazaror, держите