SVG newbie needing help
Hello!
So I'm using a SVG for the first time, and quickly found out there are more than meets the eye ...
1. I originally screenshot a sword from a bigger picture (assets, original print.png), then did a png to svg conversion, and it kind of worked, but I get this white bottom (katana.svg). How do I get rid of it?
2. The sword part is transparent (the white bits). Which means I have to put a white background on the parent div for it to be visible. No problem in itself, but how do I get the transparent part to be white?
Everything should be available to see here:
https://github.com/AMarlonG/Japanese-style-responsiveness
GitHub
GitHub - AMarlonG/Japanese-style-responsiveness: Creating a traditi...
Creating a traditional japanese card with principals from Jen simmons and Utopia fluid responsive calculations - GitHub - AMarlonG/Japanese-style-responsiveness: Creating a traditional japanese car...
9 Replies
you want to redo the svg and get the katana as the path not it's background 🙂
... right. Hehe! That sounds like a great idea. So how do I go about doing just that? I used this free converter:
https://convertio.co/png-svg/
PNG to SVG (Online & Free) — Convertio
Best way to convert your PNG to SVG file in seconds. 100% free, secure and easy to use! Convertio — advanced online tool that solving any problems with any files.
don't use converter use a tool to make svg like figma or adobe ilustrator
Aha! I will try in figma. 🙂
Out of curiosity... how do you know that the current svg has the katana as the background and not path? Looking at the code there's a lot of numbers in the path section.
svg's are a strange animal ... 😛
i played with the fill property
I see.
But hey, now it works. Isntalled Image Tracer, and boom.
Thank you! 🙌
@Å Marlon G InkScape is a free fully fledged SVG image editor.
It can also do image tracing.
Brilliant! Because I did notice the set number of transforms in Figma.
Thank you! 🙌