Sketch repliziert jetzt Innen- und Außenrand ausrichtung

Avatar of Chris Coyier
Chris Coyier am

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

Ich habe mich erst letzte Woche über Umrandungen (strokes) beschwert

Und das ist das Problem mit text-stroke in CSS: Man hat keine Wahl. Es ist nur eine zentrierte Umrandung. Jede der beiden anderen Optionen [außen ausgerichtete oder innen ausgerichtete], wohl, wäre nützlicher gewesen.

Es gibt immer noch keine Lösung für text-stroke, aber SVG hat exakt dasselbe Problem. Es ist nicht ganz so designverderbend mit SVG, da man (und Designer haben es getan) mit zentriert ausgerichteten Rändern in seinen Vektorgrafiken entwerfen kann. Dennoch würde ich sagen, wenn wir stroke-align: [center, outside, inside]; hätten, wären wir besser dran.

Peter Nowell dokumentiert, wie Sketch nun die Punkte Ihrer Formen neu positioniert, um die verschiedenen Rand ausrichtungen zu replizieren, wenn Sie diese Optionen in Sketch explizit ausgewählt haben. Ziemlich nützlich! Da natives SVG immer noch nur eine Zentrierung unterstützt, würde dies bedeuten, dass das Ändern der Randbreite nach dem Export immer noch seltsam wäre, aber ich nehme an, das ist ziemlich selten.

Der Artikel merkt an, wie SVG 2 ausgerichtete Ränder berücksichtigt, aber das fühlt sich immer noch etwas ungewiss an.

Direkter Link →