Hallo,
Ik ben bezig met een nieuwe site en ik heb een menu met SVG images in mijn menu.
Nu moeten deze in het midden staan maar helaas zitten ze er net iets naast.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗
Als ik dit element inspecteer dan heb ik een a tag met een padding aan elke kant, dat ishet probleem dus niet.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗
Het probleem is dat de SVG tag 60 bij 60 pixels is maar het pad erbinnen 55.17 bij 55.17px.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗
Dus of het SVG element moet net zo groot worden als het pad of andersom. Weet iemand hoe dit moet? Heb al dingen met de viewBox en preserveAspectRatio maar ik kom er niet uit
Demo: http://dev.dylaan.nl/
Ik ben bezig met een nieuwe site en ik heb een menu met SVG images in mijn menu.
Nu moeten deze in het midden staan maar helaas zitten ze er net iets naast.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗Als ik dit element inspecteer dan heb ik een a tag met een padding aan elke kant, dat ishet probleem dus niet.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗Het probleem is dat de SVG tag 60 bij 60 pixels is maar het pad erbinnen 55.17 bij 55.17px.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗
Afbeelding niet beschikbaarDe bron kon niet worden geladen (image.prntscr.com).Bron openen ↗Dus of het SVG element moet net zo groot worden als het pad of andersom. Weet iemand hoe dit moet? Heb al dingen met de viewBox en preserveAspectRatio maar ik kom er niet uit

Demo: http://dev.dylaan.nl/
Gefixt in Illustrator ( Object > Artboards > Fit to Artwork Bounds)