canvas的子项和canvas的边界重叠

Question

我在网格中放置了一张画布。并且网格被放置在边框中。当我在画布上绘制一些项目(例如一条白线)时，该项目位于边框上，因此边框正在擦除。有谁知道我怎么才能避免它呢？我试着给画布设置边距，边框的大小比画布的大，但都没有用。

这是我的xaml：

<Border BorderThickness="1"  BorderBrush="#333333" Opacity="1" Name="inner_canvas_border">
    <Grid Name="grid1">
        <Canvas Name="Canvas1"HorizontalAlignment="Center" VerticalAlignment="Center" Width="700" Height="450" />
    </Grid>
</Border>

Answer 1

Canvas的ClipToBounds属性的默认值为false。将其设置为true，将阻止Canvas边界之外的元素显示在Canvas边界之外

<Border
  BorderThickness="1"
  BorderBrush="#333333"
  Opacity="1"
  Name="inner_canvas_border">
  <Grid
    Name="grid1">
    <Canvas
      Name="Canvas1"
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      Width="700"
      Height="450"
      ClipToBounds="True" /><!-- This line here -->
  </Grid>
</Border>