Setting LayoutTransform to RotateTransform for elements on a Canvas yields unexpected results
<p>From within MainWindow ctor :</p>

<pre><code>for(var i = 0; i &lt;5; i++)
        {
            var button = new Button {};
            button.LayoutTransform = new RotateTransform(i * 10);
            button.Width = 300;
            button.Height = 300;
            TempCanvas.Children.Add(button);

        }
</code></pre>

<p>This produces the following:</p>

<p><a href="https://i.stack.imgur.com/dtGb0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dtGb0.png" alt="enter image description here"></a></p>

<p>Please can someone explain why this is happening.  I am expecting the 5 buttons to be rotated through the same point.</p>

<p>I did not want to RenderTransform as the graphics that I will be rendering would be drawn outside of the parent and not reflected in the measure.</p>