1 <?xml version="1.0"?>

     2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 

     3   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

     4 <svg width="12cm" height="6cm" viewBox="0 0 1200 600"

     5      xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny">

     6   <title>Example quad01 - quadratic Bezier commands in path data</title>

     7   <desc>Picture showing a "Q" a "T" command,

     8         along with annotations showing the control points

     9         and end points</desc>

    10   <rect x="1" y="1" width="1198" height="598"

    11         fill="none" stroke="blue" stroke-width="1" />

    12   <path d="M200,300 Q400,50 600,300 T1000,300"

    13         fill="none" stroke="red" stroke-width="5"  />

    14   <!-- End points -->

    15   <g fill="black" >

    16     <circle cx="200" cy="300" r="10"/>

    17     <circle cx="600" cy="300" r="10"/>

    18     <circle cx="1000" cy="300" r="10"/>

    19   </g>

    20   <!-- Control points and lines from end points to control points -->

    21   <g fill="#888888" >

    22     <circle cx="400" cy="50" r="10"/>

    23     <circle cx="800" cy="550" r="10"/>

    24   </g>

    25   <path d="M200,300 L400,50 L600,300 

    26            L800,550 L1000,300"

    27         fill="none" stroke="#888888" stroke-width="2" />

    28 </svg>