SVG Graphics are outlined with background-color

[foxhound3311 4 Likes (Newbie)]

Hey guys,

 

When i upload the code from illustrator the background color outlines my graphics. You can see it on the cats head and arm. It's also outlining where the mans head touches his shoulders. In illustrator the graphic are perfectly lined up.

Any advice on how to avoid this? 

See the Pen xdyBPL by stinkytofu3311 (@stinkytofu3311) on CodePen

[PointC 10,940 Likes (Superhero)]

That can sometimes happen. That's the Wild West of SVG. 

 

If you have paths in an illustration that are next to each other, styled exactly the same and don't need to animate separately, I'd recommend merging them in Illustrator before export. If you use the Pathfinder tool, you can merge, unite, intersect etc... The simpler you can make an SVG, the easier it will be to manage.

 

That's my two cents worth. Others may have additional advice.

 

Happy tweening.

[mikel 3,403 Likes (Superhero)]

Hi 

 

In your case just

 

sc2   stroke:#10667A;

sc19 stroke: #5D5D5D;

 

Or follow the advice of PointC

 

Best regards

Manfred

[foxhound3311 4 Likes (Newbie)]

Thanks for the advice. That seems like a good idea to merge and unite as many shapes as possible. I will give that a try, i will also try the stroke.

Thanks guys