ScaleTransform для изображения

Question

Я пытаюсь увеличить размер изображения на 20. Итак, я использую ScaleTransform, как показано ниже. Но следующий код не делает никакой масштабированной транформы. Любая помощь будет оценена ...

<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

Вы пытались установить <RenderTransform> на изображении? Что-то вроде этого:

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

Это инициализирует RenderTransform Так что вы можете обратиться к нему из других точек.

Я должен был сделать это с Silverlight.