title: WPF: Strecht a Path without changing its form
body: <p>I wanted to create custom shaepd labels to symbolize the progress like in a wizard.
  But when I set the Strech-Property to Fill, the angels of the Paths are different.</p>
  
  <p><a href="https://i.stack.imgur.com/RU9V6.png" rel="nofollow noreferrer">example screenshot of my problem</a></p>
  
  <p>XAML-Code:</p>
  
  <pre><code>&lt;Style x:Key="NavigationStepLabel" TargetType="{x:Type Label}"&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="{x:Type Label}"&gt;
                  &lt;Grid&gt;
                      &lt;Path Fill="{TemplateBinding Background}"  Data="M 0,0 h 50 l 5,20 l -5,20 h -50 l 5,-20 l -5,-20" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="2" Stretch="Fill"/&gt;
                      &lt;ContentPresenter Grid.Column="1" Margin="20,0" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt;
                  &lt;/Grid&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
      &lt;Setter Property="HorizontalAlignment" Value="Center"/&gt;
      &lt;Setter Property="VerticalAlignment" Value="Center"/&gt;
      &lt;Setter Property="HorizontalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="VerticalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="BorderBrush" Value="Gray"/&gt;
  &lt;/Style&gt;
  
  ...
  
  &lt;Label Style="{StaticResource NavigationStepLabel}" Content="Start"&gt; 
      &lt;Label.Background&gt;
           ...
      &lt;/Label.Background&gt;
  &lt;/Label&gt;
  </code></pre>
  
  <p>Is there a way to set the size of the path dynamicly to the label without having different angeled arrows?</p>