Mam obraz na przycisku, który chciałbym obrócić, gdy użytkownik go kliknie. Prawie mam to do pracy. Obraz obraca się dobrze po kliknięciu, ale nie obraca się wokół jego środka.

Jak mogę sprawić, aby obraz obracał się wokół jego środka, a nie w lewym górnym rogu?

Oto mój kod:

<Button Name="btnRefreshPortList"
                Grid.Column="1"
                Margin="10 0 0 0"
                Command="{Binding RefreshPortList}">

            <Image Source="Images/refresh.jpg" 
                   Height="15">
                <Image.RenderTransform>
                    <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
                </Image.RenderTransform>
                <Image.Triggers>
                    <EventTrigger RoutedEvent="MouseDown">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                                                 Storyboard.TargetProperty="Angle" 
                                                 By="10"        
                                                 To="360" 
                                                 Duration="0:0:0.5" 
                                                 FillBehavior="Stop" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>


        </Button>

BR FireFly3000