monks/stroke_linejoin

The stroke-linejoin CSS property defines the shape to be used at the corners of an SVG element’s stroked paths. If present, it overrides the element’s {{SVGAttr(“stroke-linejoin”)}} attribute.

This property applies to any SVG corner-generating shape or text-content element (see {{SVGAttr(“stroke-linejoin”)}} for a full list), but as an inherited property, it may be applied to elements such as {{SVGElement(“g”)}} and still have the intended effect on descendant elements’

Values

bevel

</>

pub const bevel: #(String, String)

: Indicates that a bevelled corner is to be used to join path segments. The bevel is formed by truncating the corner by a line perpendicular to a line that bisects the difference in the subpath angles where they meet the join point.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

miter

</>

pub const miter: #(String, String)

: 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. This is the default value.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for stroke-linejoin

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

round

</>

pub const round: #(String, String)

: Indicates that a round corner is to be used to join path segments. This is accomplished by cropping the join as per bevel, and then appending a filled arc tangent in order to round the corner.The following values are defined, but not supported in any browser:

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for stroke-linejoin. It will be wrapped in var() and have -- prepended.