27 lines
1.4 KiB
XML
27 lines
1.4 KiB
XML
<svg viewBox="0 0 760 600" transform="scale(20, 20)" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Impact of the default miter limit -->
|
|
<path stroke="black" fill="none" stroke-linejoin="miter" id="p1" d="M1,9 l7 ,-3 l7 ,3
|
|
m2,0 l3.5 ,-3 l3.5 ,3
|
|
m2,0 l2 ,-3 l2 ,3
|
|
m2,0 l0.75,-3 l0.75,3
|
|
m2,0 l0.5 ,-3 l0.5 ,3"></path>
|
|
|
|
<!-- Impact of the smallest miter limit (1) -->
|
|
<path stroke="black" fill="none" stroke-linejoin="miter" stroke-miterlimit="1" id="p2" d="M1,19 l7 ,-3 l7 ,3
|
|
m2, 0 l3.5 ,-3 l3.5 ,3
|
|
m2, 0 l2 ,-3 l2 ,3
|
|
m2, 0 l0.75,-3 l0.75,3
|
|
m2, 0 l0.5 ,-3 l0.5 ,3"></path>
|
|
|
|
<!-- Impact of a large miter limit (8) -->
|
|
<path stroke="black" fill="none" stroke-linejoin="miter" stroke-miterlimit="8" id="p3" d="M1,29 l7 ,-3 l7 ,3
|
|
m2, 0 l3.5 ,-3 l3.5 ,3
|
|
m2, 0 l2 ,-3 l2 ,3
|
|
m2, 0 l0.75,-3 l0.75,3
|
|
m2, 0 l0.5 ,-3 l0.5 ,3"></path>
|
|
|
|
<!-- the following pink lines highlight the position of the path for each stroke -->
|
|
<path stroke="pink" fill="none" stroke-width="0.05" d="M1, 9 l7,-3 l7,3 m2,0 l3.5,-3 l3.5,3 m2,0 l2,-3 l2,3 m2,0 l0.75,-3 l0.75,3 m2,0 l0.5,-3 l0.5,3
|
|
M1,19 l7,-3 l7,3 m2,0 l3.5,-3 l3.5,3 m2,0 l2,-3 l2,3 m2,0 l0.75,-3 l0.75,3 m2,0 l0.5,-3 l0.5,3
|
|
M1,29 l7,-3 l7,3 m2,0 l3.5,-3 l3.5,3 m2,0 l2,-3 l2,3 m2,0 l0.75,-3 l0.75,3 m2,0 l0.5,-3 l0.5,3"></path>
|
|
</svg>
|