Smokey, very simply put, you execute the following steps:smokey01 wrote:This is pretty standard code for svg but it doesn't work in your app.Code: Select all
<svg width="96" height="96"> <circle cx="50" cy="50" r="40" stroke="#444" stroke-width="3" fill="none" /> </svg>
1. Create a geometric figure in Inkscape and/or Inkscape Lite.
2. Select the figure and go to -Path- and select -Object to Path-.
3. You can modify and add figures, but make sure any geometric objects will be converted to Paths like the previous step.
4. Once you are done with your design, go to -Path- once again, and select -Combine-. This will convert your design into a single path.
5. Save as svg.
6. Go to this website: https://jakearchibald.github.io/svgomg/, and enter your svg design. The output will be removed of all unneccessary bloat that Inkscape tends to create, so you'll get an optimized svg.
7. That's it!
Now, of course, it is not as simple as that. Sometimes there are unexpected results with this method, particularly when you work with fills. How a fill behaves depends a lot on what the start and end point of your path is. Sometimes it helps to redraw a path the same way, but with the start and end point reversed.
It sounds strange, but there it is.
Also, combining paths to one single path has consequences for your fills.
Hope this helps!