<?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="fill:none; stroke:black; stroke-width:3;stroke-dasharray:10,10;"/>
	<cline x1var="x1" y1var="y1" 
           x2var="x3" y2var="y3" style="fill:none; stroke:black; stroke-width:3;stroke-dasharray:2,2;"/>
	<cline x1var="x3" y1var="y3" 
           x2var="x2" y2var="y2" style="fill:none; stroke:black; stroke-width:3;stroke-dasharray:30,10,5,10;"/>
	<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="fill:none; stroke:green; stroke-width:4; stroke-dasharray:20,5,5,5;"/>
	<cline x1var="x1" y1var="y1" 
           x2var="cx1" y2var="cy1" style="fill:none; stroke:blue; stroke-width:1;stroke-dasharray:8,4,2,4;"/>
	<cline x1var="x2" y1var="y2" 
           x2var="cx2" y2var="cy2" style="fill:none; stroke:blue; 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>