Datei:SVGstroke-linejoin01.svg

Größe der PNG-Vorschau dieser SVG-Datei: 512 × 312 Pixel. Weitere Auflösungen: 320 × 195 Pixel | 640 × 390 Pixel | 1.024 × 624 Pixel | 1.280 × 780 Pixel | 2.560 × 1.560 Pixel.

Originaldatei zum Herunterladen ‎(SVG-Datei, Basisgröße: 512 × 312 Pixel, Dateigröße: 8 KB)

Beschreibung Bearbeiten

Beschreibung	deutsch: SVG-Beispiel stroke-linejoin. Das Verhalten von stroke-linejoin wird dargestellt, getestet und erläutert.
Quelle	Selbst erstellt.
Datum	2009-11-14
Autor	Dr. Olaf Hoffmann
Genehmigung	Siehe Lizenz (einen ähnlichen Test habe ich auch mal der W3C-Arbeitsgruppe für SVG spendiert, als ich dort selbst als eingeladener Experte Mitglied war. Da der Autor beider Dokumente derselbe ist, gibt es da aber keine Lizenzprobleme bei der Veröffentlichung beider Versionen).
Andere Versionen dieser Datei:

Lizenz Bearbeiten

Ich, der Urheber dieses Werks, übergebe es hiermit in die Gemeinfreiheit („public domain“). Dies gilt weltweit.
Für den Fall, dass dies rechtlich nicht möglich ist (u. a. Deutschland):
Ich gewähre ein unbeschränktes Nutzungsrecht ohne Bedingungen, in dem Umfang, der gesetzlich möglich ist. Gemeinfreiheit

Dateiversionen

Klicke auf einen Zeitpunkt, um diese Version zu laden.

	Version vom	Vorschaubild	Maße	Benutzer	Kommentar
aktuell	14:42, 14. Nov. 2009		512 × 312 (8 KB)	Doktorchen (Diskussion \| Beiträge)	SVG-Beispiel stroke-linejoin. Das Verhalten von stroke-linejoin wird dargestellt, getestet und erläutert. Selbst erstellt (einen ähnlichen Test habe ich auch mal der W3C-Arbeitsgruppe für SVG spendiert, als ich dort selbst als eingeladener Experte Mi

Du kannst diese Datei nicht überschreiben.

Dateiverwendung

Die folgenden 2 Seiten verwenden diese Datei:

Metadaten

Diese Datei enthält weitere Informationen, die in der Regel von der Digitalkamera oder dem verwendeten Scanner stammen. Durch nachträgliche Bearbeitung der Originaldatei können einige Details verändert worden sein.

Kurztitel

SVG-Beispiel stroke-linejoin

Bildtitel

Verhalten von stroke-linejoin: Wo eine Ecke entsteht, sind zwei Striche zusammenzuführen, dazu gibt es mehrere Möglichkeiten. Bei der inneren Ecke laufen die Kanten der Striche immer spitz zusammen, das Verhalten bei der äußeren Ecke hängt vom Wert von stroke-linejoin ab.

round - die Ecke wird abgerundet. Der Radius der Rundung ist die halbe Linienstärke.

miter - sofern stroke-miterlimit groß genug ist, laufen die Kanten zu einer Spitze zusammen.

bevel - die Ecke wird abgestumpft, dazu werden die Kanten bis zum Segmentende ausgeführt

       und die äußeren Kanten werden dann durch einer gerade Kante miteinander verbunden.
       Diese Verbindungslinie ist dann senkrecht zur Winkelhalbierenden.

inherit - das Verhalten wird vom Elternelement geerbt.

Bei den Beispielen hier wird die konkrete Form des Striches mit einer Kombination von gefüllten Pfaden und Basisformen nachempfunden. Dabei liegt einmal die Nachempfindung oben und einmal der Strich. Die untere rote Version wird daher immer komplett von der oberen blauen Form verdeckt. Wird etwas Rotes sichtbar, liegt ein Implementierungsfehler vor.