SVG/Attribut/stroke-linejoin

Das stroke-linejoin-Attribut legt fest, wie Spitzen zwischen 2 Linien aussehen.

Erlaubte Werte

• miter: eckige Spitzen
• round: abgerundete Spitzen
• bevel: abgeschnittene Spitzen

Standardwert

miter

anwendbar auf

Formen und Text-Elemente

Präsentationsattribut

ja

mit CSS animierbar

discrete

Beispiel

#eins {
  stroke-linejoin: miter;
  } 
#zwei {
  stroke-linejoin: round;
  } 
#drei {
  stroke-linejoin: bevel;
  }

Siehe auch

• SVG/Farben/Kontur#stroke-linejoin

Weblinks

• W3C: StrokeLinejoin Property
• MDN: stroke-linejoin