title: WPF XAML clipping ellipse on canvas when using TranslateTransform
body: <p>When I run this code in WPF it gives me 1/4 of a circle. When removing the ClipToBounds tag, i get my whole circle. <br>
  1. Why is it clipping before rendering?<br>
  2. How to i fix that, while keeping clipping?</p>
  
  <pre><code>&lt;Canvas ClipToBounds="True"&gt;
      &lt;Ellipse Canvas.Left="-10"
               Canvas.Top="-10"
               Width="20"
               Height="20"
               Fill="LightSeaGreen"/&gt;
      &lt;Canvas.RenderTransform&gt;
          &lt;TransformGroup&gt;
              &lt;ScaleTransform ScaleX="4.8"
                              ScaleY="4.8"
                              CenterX="0"
                              CenterY="0"/&gt;
              &lt;TranslateTransform X="48"
                                  Y="48"/&gt;
          &lt;/TransformGroup&gt;
      &lt;/Canvas.RenderTransform&gt;
  &lt;/Canvas&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/f0TWz.jpg" alt="Picture of rendered code"></p>