<svg width="12cm" height="3.5cm" viewBox="0 0 1200 350" version="1.1">      <desc>Example linecap - demonstrates three stroke-linecap values</desc>      <rect x="1" y="1" width="1198" height="348" fill="none" stroke="blue"/>      <style type="text/css"> .thick { stroke:black; stroke-width:70 } .thin { stroke:#ffcccc; stroke-width:5 } text { text-anchor:middle; font-size:50; font-family:Verdana } circle { fill:#ffcccc; stroke:none } </style>      <defs>           <path id="path1" d="M -125,150 L 0,0 L 125,150" fill="none"/>           <circle id="circle1" cx="0" cy="0" r="8"/>      </defs>      <g transform="translate(200,75)">           <use class="thick" xlink:href="#path1" stroke-linejoin="miter"/>           <use class="thin" xlink:href="#path1"/>           <use xlink:href="#circle1"/>           <text y="230">'miter' join</text>      </g>      <g transform="translate(600,75)">           <use class="thick" xlink:href="#path1" stroke-linejoin="round"/>           <use class="thin" xlink:href="#path1"/>           <use xlink:href="#circle1"/>           <text y="230">'round' join</text>      </g>      <g transform="translate(1000,75)">           <use class="thick" xlink:href="#path1" stroke-linejoin="bevel"/>           <use class="thin" xlink:href="#path1"/>           <use xlink:href="#circle1"/>           <text y="230">'bevel' join</text>      </g> </svg>

Original SVG source