<?xml version="1.0"?>
<?xml-stylesheet href="xbl-shape-bindings.css" type="text/css"?>
<doc>
<canvas>

  <shape x1="100" y1="100" x2="300" y2="200" x3="200" y3="400">
	<cline x1var="x1" y1var="y1" 
           x2var="x2" y2var="y2" style="stroke:black; fill:none; stroke-width:3;"/>
	<cline x1var="x1" y1var="y1" 
           x2var="x3" y2var="y3" style="stroke:black; fill:none; stroke-width:3;"/>
	<cline x1var="x3" y1var="y3" 
           x2var="x2" y2var="y2" style="stroke:black; fill:none; stroke-width:3;"/>
	<controlpoint xvar="x1" yvar="y1"/>
	<controlpoint xvar="x2" yvar="y2"/>

	<controlpoint xvar="x3" yvar="y3"/>
  </shape>

  <shape x1="200" y1="200" x2="500" y2="300" cx1="100" cy1="150" cx2="450" cy2="100">
	<curve x1var="x1" y1var="y1" 
           x2var="x2" y2var="y2" 
	       cx1var="cx1" cy1var="cy1" 
           cx2var="cx2" cy2var="cy2" 
           style="stroke:green; fill:none; stroke-width:4;"/>
	<cline x1var="x1" y1var="y1" 
           x2var="cx1" y2var="cy1" style="stroke:blue; fill:none; stroke-width:1;"/>
	<cline x1var="x2" y1var="y2" 
           x2var="cx2" y2var="cy2" style="stroke:blue; fill:none; stroke-width:1;"/>
	<controlpoint xvar="x1" yvar="y1"/>
	<controlpoint xvar="x2" yvar="y2"/>

	<controlpoint xvar="cx1" yvar="cy1"/>
	<controlpoint xvar="cx2" yvar="cy2"/>
  </shape>

</canvas>
</doc>