0

I'm trying to export some vector art made by composing Ovals. When I exported my art first time everything had gone fine. After few changes in other Layers in my file (the picture shown is a part of the bigger scene) I tried to export again and had got the following picture. Notice the glitchy cut brush bundles at the left bottom and top.

I guessed first that this SVG file is somehow broken and that it is just a rendering issue of Chrome. After digging into SVG code using Chrome dev tools I find out that the combined shapes are exported as SVG paths. It looks like Sketch processes combined layers and generate path (form) improperly.

How could I deal with this issue and export SVG properly or revert back my changes in the file?

How it looks in SketchHow SVG looks like in Chrome

1
  • What is the size of these elements in sketch? Ultimately yes, it's safer to flatten complex elements before exporting to SVG.
    – Luciano
    Aug 12, 2021 at 13:55

1 Answer 1

0

I just spent hours trying to fix this problem and finally the only solution was to replace Ovals with Paths. It required to outline those ovals manually.

After doing that combined shapes have been exported properly.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.