title: WPF geometry (Path) partly filled shapes
body: <p>The idea is to get rating control, that could have value like 0.3 and draw it as partly filled shape.<br>
  The approach I used was described in CodeProject article. Have <code>Path</code>, add mask (rectangle), add outline.<br>
  Original code used <code>Margin</code> for mask and fixed-width paths.<br>
  The problem is that using rectangle as mask re-draws background, which is gradient, so I can't set the same background value for mask.
  I've changed colors just to make it more clear.  </p>
  
  <p>Is it possible to simulate partly filled paths?</p>
  
  <pre><code>&lt;Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"&gt;
  
      &lt;Grid x:Name="gdStar" Width="Auto" Height="Auto"&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="0.5*"/&gt;
              &lt;ColumnDefinition Width="0.5*"/&gt;
          &lt;/Grid.ColumnDefinitions&gt;
  
          &lt;Path 
              Grid.ColumnSpan="2"
          Fill="Red" Stretch="Fill" Stroke="Blue" StrokeThickness="1"  Margin="-0.5,-0.5,-0.5,-0.019" Data="M63.50031,-0.50054431 L47.500523,55.499079 -0.49883747,55.499079 39.50063,95.498578 23.500843,159.49799 63.833676,128.4989 103.7623,160.51698 87.095797,95.850405 127.49946,55.499079 79.500097,55.499079 z"/&gt;
  
          &lt;Rectangle Grid.Column="1"
          Fill="Yellow"/&gt;
  
          &lt;Path 
              Grid.ColumnSpan="2"
              Fill="Transparent" Stretch="Fill" Stroke="Red" StrokeThickness="1" Margin="-0.5,-0.5,-0.5,-0.019" Data="M63.50031,-0.50054431 L47.500523,55.499079 -0.49883747,55.499079 39.50063,95.498578 23.500843,159.49799 63.833676,128.4989 103.7623,160.51698 87.095797,95.850405 127.49946,55.499079 79.500097,55.499079 z"/&gt;
  
      &lt;/Grid&gt;
  
  
  &lt;/Page&gt;
  </code></pre>
  
  <p><b>EDIT</b><br>
  This could be wrong approach. What else could be used? OpacityBrush/Clip?</p>