c# - 背景画像の移動が Canvas の境界を超える

Question

私の問題を以下に示します。

画像は背景の左に移動するため、キャンバスの赤い枠の外に表示したくありません。言い換えれば、赤いボックスを背景画像への窓にしたいのです。

赤いボックスの外側に存在する画像の部分を非表示にする方法はありますか?

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

Answer 1

Canvas のClipプロパティを設定できます。