title: WPF: How to put an object/shape at the end of a line path/stroke?
body: <p>I just wanna ask if there's a way where I could put an object (circle) at the end of a particular line path.</p>
  
  <p>Similar to this:</p>
  
  <pre><code>--------------------------------------------O 
  Start                                      End
  </code></pre>
  
  <p>Right now, I have the following code for tracing the line:</p>
  
  <pre><code>&lt;Grid x:Name="LayoutRoot" &gt;
    &lt;Path Stroke="Red"  StrokeThickness="4"  x:Name="path4" Data="{Binding MyProperty1}"  &gt;
      &lt;Path.StrokeDashArray&gt;
        &lt;System:Double&gt;500&lt;/System:Double&gt;
        &lt;System:Double&gt;1000&lt;/System:Double&gt;
      &lt;/Path.StrokeDashArray&gt;
    &lt;/Path&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>where the data of my path (e.g. M532,668 L523,695 361,663 101,678 117,638) varies.</p>
  
  <p>my animation looks like this...</p>
  
  <pre><code>&lt;Storyboard x:Key="Story1" RepeatBehavior="Forever"&gt;
    &lt;DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                   Storyboard.TargetName="path1"
                                   Storyboard.TargetProperty="(Shape.StrokeDashOffset)"&gt;
      &lt;SplineDoubleKeyFrame KeyTime="00:00:00" Value="500"/&gt;
      &lt;SplineDoubleKeyFrame KeyTime="00:00:08" Value="0"/&gt;
    &lt;/DoubleAnimationUsingKeyFrames&gt;
  &lt;/Storyboard&gt;
  </code></pre>
  
  <p>Any suggestions?</p>