C# 移动的背景图像超出画布的边界

我的问题如下所示：

当图像在背景中向左移动时，我不希望看到它超出画布的红色边框。换句话说，我希望红色框成为背景图像的窗口

有没有办法隐藏存在于红色框之外的图像部分

我的xaml如下：

<Grid Grid.Row="1" Margin="0,0,10,10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="460*"/>
            <ColumnDefinition Width="668*"/>
        </Grid.ColumnDefinitions>
        <Canvas x:Name="battlefieldBackground" Grid.Column="1">
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="Canvas.Loaded">
                    <BeginStoryboard>
                        <Storyboard Storyboard.TargetName="spaceBackground" Storyboard.TargetProperty="(Canvas.Left)">
                            <DoubleAnimation From="0" To="-3200" Duration="0:04:00" RepeatBehavior="Forever" AutoReverse="True"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>
            <Image x:Name="spaceBackground" Source="Assets/SpaceBackground.jpg" Margin="0" Stretch="UniformToFill"/>
        </Canvas>
        <Border x:Name="battlefieldBorder" BorderThickness="3" Grid.Column="1" BorderBrush="#FF810000"/>
        <!-- Xaml portion for gray grid -->

您可以设置画布的属性