1 <?xml version="1.0" standalone="no"?>

     2 <svg width="12cm" height="2cm" viewBox="0 0 1200 200" version="1.2" baseProfile="tiny"

     3      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

     4   <desc>Example linecap - demonstrates three stroke-linecap values</desc>

     5   <rect x="1" y="1" width="1198" height="198" fill="none" stroke="blue" />

     6   <defs>

     7     <line id="line1" x1="-125" x2="125" y1="0" y2="0" fill="none" />

     8     <g id="circles">

     9       <circle fill="#ffcccc" stroke="none" id="circle1" cx="-125" cy="0" r="8"/>

    10       <circle fill="#ffcccc" stroke="none" id="circle2" cx="125" cy="0" r="8"/>

    11     </g>

    12   </defs>

    13   <g transform="translate(200,75)">

    14     <use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="butt"/>

    15     <use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>

    16     <use xlink:href="#circles"/>

    17     <text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'butt' cap</text>

    18   </g>

    19   <g transform="translate(600,75)">

    20     <use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="round"/>

    21     <use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>

    22     <use xlink:href="#circles"/>

    23     <text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'round' cap</text>

    24   </g>

    25   <g transform="translate(1000,75)">

    26     <use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="square"/>

    27     <use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>

    28     <use xlink:href="#circles"/>

    29     <text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'square' cap</text>

    30   </g>

    31 </svg>

    32