Options
All
  • Public
  • Public/Protected
  • All
Menu

The SVG stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.

link

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin

Default = round

Index

Enumeration members

Enumeration members

Arcs

Arcs: = "arcs"

The arcs value indicates that an arcs corner is to be used to join path segments. The arcs shape is formed by extending the outer edges of the stroke at the join point with arcs that have the same curvature as the outer edges at the join point.

Bevel

Bevel: = "bevel"

The bevel value indicates that a bevelled corner is to be used to join path segments.

Miter

Miter: = "miter"

The miter value indicates that a sharp corner is to be used to join path segments. The corner is formed by extending the outer edges of the stroke at the tangents of the path segments until they intersect.

MiterClip

MiterClip: = "miter-clip"

The miter-clip value indicates that a sharp corner is to be used to join path segments. The corner is formed by extending the outer edges of the stroke at the tangents of the path segments until they intersect.

note

The miter-clip value as been introduced in SVG2 and it isn't widely supported yet

Round

Round: = "round"

The round value indicates that a round corner is to be used to join path segments

Generated using TypeDoc