title: WPF: how to make the (0,0) in center inside a Canvas
body: <p>The WPF Canvas has a coordinate system starting at (0,0) at the top-left of the control.   </p>
  
  <p>For example, setting the following will make my control appear on the top-left: </p>
  
  <pre><code>&lt;Control Canvas.Left="0" Canvas.Top="0"&gt;
  </code></pre>
  
  <p>How can I change it to the standard <a href="http://en.wikipedia.org/wiki/Cartesian_coordinate_system" rel="nofollow noreferrer">cartesian coordinates</a>? </p>
  
  <p>Basically:</p>
  
  <ul>
  <li>(0,0) at center</li>
  <li>flip Y</li>
  </ul>
  
  <p>I noticed <a href="https://stackoverflow.com/questions/1185948/how-to-change-x-y-origin-of-canvas-to-bottom-left-and-flip-the-y-coordinates">this post</a> is similar, but it does not talk about translating the coordinate system.  I tried adding a TranslateTransform, but I can't make it work.</p>