Some lines are thicker after animation

maxwellito / vivus

JavaScript library to make drawing animation on SVG

MIT License

15.19k stars 1.13k forks source link

Some lines are thicker after animation #217

Closed heydavee closed 1 year ago

heydavee commented 5 years ago

After animating with vivus, some lines appear to be thicker than others.

When i disable the plugin or watch it in firefox. Everything looks normal.

For a problem, please fill the following:

Vivus version: current ( 0.4.4 )

Browser: Chrome, MacOSX

Steps to reproduce it: Open attachement and put it into an object and animate it.

Screenshot: Bildschirmfoto 2019-05-06 um 12 28 01

Files.zip

maxwellito commented 5 years ago

Thanks for providing files. I ran a bit crazy because everything seems fine in your SVG. I've been tweaking it a lot, but realised it works like a charm in Firefox. I'm afraid to tell you, it's a WebKit rendering bug. Chrome render few lines very thick, Safari is a bit random, Firefox is crystal clear.

heydavee commented 5 years ago

Hey @maxwellito thanks for the quick reply. Any hacks / tricks you know i can get around that maybe? I tried to increase the stroke width and it helps at a certain degree but i have to give up on the fine lines.

Appreciate all the help.

maxwellito commented 5 years ago

Sorry about the delay, I did try to find a trick while I was debugging but didn't find anything. Will try to give a second look

heydavee commented 1 year ago

Closing this, since it is already 3 years old and inactive. Time flies. 😄