Scaletransform para imagem

Question

Estou tentando aumentar o tamanho da imagem até 20. Então, estou usando o Scaletransform, como mostrado abaixo. Mas o código a seguir não faz nenhuma transforma de escala. Qualquer ajuda seria apreciada ...

<Grid>
    <Canvas>
    <Canvas Height="50" Width="50" Canvas.Top="10" Canvas.Left="100"
            Visibility="Visible">
        <Image Name="Img" Source="Help.PNG" Canvas.Left="0" Canvas.Top="0">
        </Image>
    </Canvas>
    <Button Canvas.Left="100" Canvas.Top="100" Height="42.5" Name="button3"
            Width="100" Visibility="Visible">
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard Name="MoveBox">
                        <DoubleAnimation Storyboard.TargetName="Img"
      Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleX)"
      From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" />
                        <DoubleAnimation Storyboard.TargetName="Img"
      Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleY)"
      From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
    </Canvas>
</Grid>

Answer 1

Você já tentou definir um <RenderTransform> na imagem? Algo assim:

    <Image Name="Img" Source="Help.PNG" Canvas.Left="0" Canvas.Top="0">
        <Image.RenderTransform>
            <ScaleTransform x:Name="scale" ScaleX="1" ScaleY="1"
                            CenterX="0.5" CenterY="0.5" />
        </Image.RenderTransform>
    </Image>

Isso inicializa o RenderTransform para que você possa se referir a ele de outros lugares.

Eu tive que fazer isso com Silverlight.