WPF图像适合网格内的Canvas内容

Question

我有一个实现，其中我在UserControl中有一个scrollviewer。 在scrollviewer里面，我有一个包含画布的Grid。 Canvas反过来在其中有一个Image。这样的事情。

<ScrollViewer x:Name="ImageScrollViewer"
              HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"
              HorizontalContentAlignment="Center" HorizontalAlignment="Center" 
              VerticalContentAlignment="Center" VerticalAlignment="Center"
              MouseEnter="TargetImage_OnMouseEnter" MouseLeave="TargetImage_OnMouseLeave" >

    <Grid x:Name="ImageGrid" ClipToBounds="True">
        <Grid.LayoutTransform>
            <TransformGroup>
                <ScaleTransform x:Name="ScaleTransform" ScaleX="{Binding ZoomScaleFactor}" ScaleY="{Binding ZoomScaleFactor}"  Changed="ScaleTransform_OnChanged"/>
            </TransformGroup>
        </Grid.LayoutTransform>

        <Canvas Name="ImgCanvas">
            <Image Source="{Binding BmpImageSource, UpdateSourceTrigger=PropertyChanged}" x:Name="LoadedImage" 
                   MaxWidth="1920" MaxHeight="1080"
                   ClipToBounds="True" Style="{x:Null}"
                   Stretch="Uniform" StretchDirection="Both"
                   HorizontalAlignment="Center" VerticalAlignment="Center">

            </Image>
        </Canvas>
    </Grid>
</ScrollViewer>

我想要的是当图像被加载时它应该适合观看区域。我已经尝试了几个方法来做这个，比如将Grid的宽度设置为其父级，但显然没有任何工作像我期望的那样。如果有人能帮助我，我真的很感激。