Warum manipuliert Sketch App bestimmte svgs beim Importieren?

283
davecave

Ich habe 2 SVGs, die im Web und in Illustrator genau gleich aussehen. Einer von ihnen wurde durch ein Minify-Skript durchlaufen.

Sie können diese 2 svgs und den Code auf codepen betrachten

Wie Sie sehen, besteht der Hauptunterschied darin, dass die Kommas entfernt und die Dezimalstellen gerundet wurden.

Hat jemand eine Idee, warum Sketch die Vektorenpunkte für diese SVG-Datei verlegt? Wenn ich die .svg-Datei in Sketch öffne, sieht das folgendermaßen aus:

Messed up icon

Sketch ist das einzige Programm, das ich habe, das diese svg so anzeigt.

Hier ist der Code für die 2 svgs:

Normales svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12,4c2.209,0,4,1.791,4,4s-1.791,4-4,4c-2.209,0-4-1.791-4-4S9.791,4,12,4z M12,20c0,0,8,0,8-2c0-2.4-3.9-5-8-5 s-8,2.6-8,5C4,20,12,20,12,20z" /> </svg>

Minified

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12 4c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4zm0 16s8 0 8-2c0-2.4-3.9-5-8-5s-8 2.6-8 5c0 2 8 2 8 2z" /> </svg>

Skizzieren

1

0 Antworten auf die Frage

Verwandte Probleme