Ich habe ein Bild auf einer Schaltfläche, das ich drehen möchte, wenn der Benutzer darauf klickt. Ich muss fast arbeiten. Das Bild dreht sich beim Klicken gut, aber nicht um die Mitte.

Wie kann ich das Bild um die Mitte und nicht um die linke obere Ecke drehen lassen?

Hier ist mein Code:

<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