The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design SVG Animations do not complete

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #256200

    I am having a problem with SVG animations not completing even when the stroke-dasharray has been set to exactly the length of the element using javascript.

    Here is a codepen of it.

    In it, you can easily see when the animation in the first one completes, it leaves a small gap on the top(unlike the original svg below without animation), even though it has the stroke-dasharray set to the exact width. The same thing is happening with all the elements. I am not able to figure it out. Please help. Thanks in advance.

Viewing 1 post (of 1 total)
  • The forum ‘Design’ is closed to new topics and replies.