search

maxwellito / vivus

JavaScript library to make drawing animation on SVG
MIT License
15.25k stars 1.13k forks source link

Dashed path on SVG rendering as solid line #227

Closed Orangerchloe closed 3 years ago

Orangerchloe commented 4 years ago

Hey! I have created an SVG with a dashed line in illustrator, but when used with this, it mostly ignores the dashes, in some versions ignoring them completely. Is there a way to get these to render out?

Thank you Screenshot 2020-08-21 at 14 14 47 Screenshot 2020-08-21 at 14 14 58

maxwellito commented 4 years ago

Hi @Orangerchloe

Yes I'm afraid Vivus doesn't handle dashed lines. It's actually the property used to make the animation. I recommend you to read this article from CSS Tricks to understand how it works.

The only way to make it happen is to split your line into individual small lines without dashes. And as far as I know, there's no automatic way of doing it in Illustrator

Orangerchloe commented 4 years ago

Hi,

Thank you for getting back to me, your explanation makes sense!

:)

On 22 Aug 2020, at 11:47, maxwellito notifications@github.com wrote:



Hi @Orangerchloehttps://github.com/Orangerchloe

Yes I'm afraid Vivus doesn't handle dashed lines. It's actually the property used to make the animation. I recommend you to read this article from CSS Trickshttps://css-tricks.com/svg-line-animation-works/ to understand how it works.

The only way to make it happen is to split your line into individual small lines without dashes. And as far as I know, there's no automatic way of doing it in Illustrator

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/maxwellito/vivus/issues/227#issuecomment-678625366, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AQWG4BVJQNHXNZ4275P7QX3SB6O4RANCNFSM4QHI2VDA.