Vorbereitung und Export von SVG-Icons in Sketch

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Es gibt einen interessanten Stolperstein beim fill-rule -Attribut von SVG, der hier von Anthony Collurafici detailliert beschrieben wird.

Fill-Rule ist eine SVG-Eigenschaft, die im Grunde festlegt, wie bestimmt wird, welche Formen gefüllt oder von der Form abgezogen werden. Der Standard-SVG-Wert ist „nonzero“, und das ist, was Android benötigt. Leider verwendet Sketch „evenodd“. Glücklicherweise bietet Sketch alle Funktionen, die wir benötigen, um unsere Formen von „evenodd“ zu „nonzero“ zu konvertieren. Und seit Sketch 42 ist das jetzt noch einfacher.

Die Richtung, in der Sie die Punkte in verschachtelten Formen zeichnen, beeinflusst die Füllung.

Direkter Link →