移动背景图像超过帆布

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

你可以设置画布Clip财产。