stroke-linejoin is a CSS property that defines how SVG paths should appear at the point where two lines are joined together.
stroke-linejoin can be used to sharpen or soften the joints on connecting lines in an SVG.
stroke-linejoin is also an SVG attribute which can be overwritten using CSS.
A miter joint
stroke-linejoin is just one of several properties affecting the rendering of two paths meeting. The final visual effect will depend on
stroke-linejoin as well as values … Read article