title: Adding clickable text to DrawingGroup
body: <p>Have (finally) created a baseball diamond control using XAML. (code below).  I now need the ability to create "clickable" text at the major positions (1B, 2B, SS, 3B, etc).  The text also needs to be rotated (since I draw this entire control in the corner and then rotate it at the end.</p>
  
  <p>Can someone assist in adding text to my <code>DrawingGroup</code>? (bouns if it's clickable).</p>
  
  <p>Any other comments appreciated, I'm brand new to WPF, so I don't even know if I'm doing this correctly.  My first attempt drew the diamond in code, but I wanted to challenge myself to completely defining it in XAML.</p>
  
  <pre><code>&lt;Window x:Class="Window1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Window1" Height="528.303" Width="582.133"&gt;
  &lt;Grid Background="#C0E49C"&gt;
      &lt;Image HorizontalAlignment="Stretch" VerticalAlignment="bottom"&gt; 
          &lt;Image.Source&gt;
              &lt;DrawingImage&gt;
                  &lt;DrawingImage.Drawing&gt;
                      &lt;DrawingGroup&gt;
                          &lt;DrawingGroup.Transform&gt;
                                  &lt;TransformGroup&gt;
                                      &lt;RotateTransform CenterX="0" CenterY="0" Angle="-135" /&gt;
                                  &lt;TranslateTransform X="0" Y="-4" /&gt;
                              &lt;/TransformGroup&gt;
                          &lt;/DrawingGroup.Transform&gt;
                      &lt;GeometryDrawing Brush="#FFC080" &gt;
                          &lt;GeometryDrawing.Pen&gt;
                              &lt;Pen Brush="Black" Thickness="1"/&gt;
                          &lt;/GeometryDrawing.Pen&gt; 
                      &lt;GeometryDrawing.Geometry&gt;
                          &lt;GeometryGroup&gt;
                             &lt;PathGeometry&gt;
                              &lt;PathGeometry.Figures&gt;
                                  &lt;PathFigureCollection&gt;
                                      &lt;PathFigure StartPoint="0,0"&gt;
                                          &lt;PathFigure.Segments&gt;
                                              &lt;PathSegmentCollection&gt;
                                                  &lt;LineSegment Point="500,0" /&gt;
                                                  &lt;BezierSegment Point1="606,350"
                                                         Point2="350,606"
                                                         Point3="0,500"
                                                         /&gt;
                                                  &lt;LineSegment Point="0,0" /&gt;
                                              &lt;/PathSegmentCollection&gt;
                                          &lt;/PathFigure.Segments&gt;
                                      &lt;/PathFigure&gt;
                                  &lt;/PathFigureCollection&gt;                                   
                              &lt;/PathGeometry.Figures&gt;
                           &lt;/PathGeometry&gt;
                          &lt;RectangleGeometry Rect="8,8,333,333" /&gt;
                          &lt;EllipseGeometry Center="174.5,174.5" RadiusX="50" RadiusY="50" /&gt;
  
                        &lt;/GeometryGroup&gt;
              &lt;/GeometryDrawing.Geometry&gt;
          &lt;/GeometryDrawing&gt;
  
      &lt;/DrawingGroup&gt;
  &lt;/DrawingImage.Drawing&gt;
  &lt;/DrawingImage&gt;
  &lt;/Image.Source&gt;
  &lt;/Image&gt;
  &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>