Canvas容器中放置一个BitmapImage控件，bitmapimage显示图像时要求不超出canvas范围

在Canvas容器中放置BitmapImage控件时，如果你想确保图片不会超出Canvas的边界范围，你需要结合BitmapImage的` Stretch` 属性以及Canvas的` RenderTransform` 或者`RenderTransformOrigin` 来控制缩放和平移。

以下是一个示例，展示了如何设置BitmapImage的`Stretch` 属性为Uniform，这样它会根据Canvas的大小等比例缩放：

<Canvas Background="#FFD8DCDE" Width="400" Height="400">
    <Image Name="MyImage"
           Source="path_to_your_image.jpg"
           Stretch="Uniform"
           Canvas.Left="0"
           Canvas.Top="0">
        <!-- 如果图片尺寸大于Canvas，图片会被裁剪 -->
        <!-- 如果小于Canvas，图片会被等比缩放到合适的大小 -->
    </Image>
</Canvas>

在这个例子中，`Stretch=Uniform` 表示图片会在所有方向上均匀地拉伸到Canvas的尺寸。如果图片比Canvas小，则会被放大；如果大，则可能会被裁剪，除非你还设置了`ClipToBounds=True` 来限制显示区域。

如果你想对图片做平移而不改变大小，可以使用 `RenderTransform` 或 `RenderTransformOrigin`。例如，添加一个 `ScaleTransform` 并设置 `RenderTransformOrigin` 为中心，允许你在保持图片原始大小的同时移动它：

<Canvas>
    <Image Source="...">
        <Image.RenderTransform>
            <ScaleTransform ScaleX="1" ScaleY="1">
                <ScaleTransform.CenterX>0.5</ScaleTransform.CenterX>
                <ScaleTransform.CenterY>0.5</ScaleTransform.CenterY>
            </ScaleTransform>
        </Image.RenderTransform>
        <Image.Clip>
            <RectangleGeometry x:Name="CanvasRect" Rect="0,0,400,400"/>
        </Image.Clip>
    </Image>
</Canvas>

在这里，`CanvasRect` 代表了Canvas的大小，确保了图片始终不会超出Canvas的范围。