SVG triangle cannot fully show one corner
<svg width="400" height="400">
<g groupfor="line" transform="translate(30,40)">
<path stroke="#3a5f8b" fill="none" stroke-width="20" d="M 0.00 132 L 31 0.00 L 62 132 Z"></path>
</g>
Above is the svg code.
+3
source to share
1 answer
You want to change stroke-mitrelimit
and stroke-linejoin
to get the effect you want. If you want a sharper angle, you need to increase the miter limit.
+2
source to share