what is the use of the attribute stroke-linejoin:miter; in svg ?

Question

https://code.sololearn.com/WjJ2ye196Ug0/?ref=app

Answer 1

It is how the lines join at the angle. Miter means they join at equal angles. For two line segments meeting at a 90 degree angle, miter would be 45. Sometimes for angles beyond 45, it is undesired for a miter join because the "point" will stick out much further than the widths of the lines.

Answer 2

Check this one out to see the difference:
https://code.sololearn.com/W2kis8l2PRYL/?ref=app

Answer 3

You can use:
miter, round, bevel, or inherit.

Check here for more details:

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

Answer 4

thanks