ScaleTransform per l'immagine

Question

Sto cercando di aumentare le dimensioni dell'immagine per 20. Quindi io sto usando ScaleTransform come mostrato di seguito .. ma il seguente codice non fa alcun trasformata di scala .. Qualsiasi aiuto sarebbe apprezzato ...

<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

Hai provato la fissazione di un <RenderTransform> sull'immagine? Qualcosa di simile a questo:

    <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>

Questo inizializza il RenderTransform modo che si può fare riferimento ad esso da altrove.

Ho avuto a che fare questo con Silverlight.