线被剪掉了，想要超越

Question

我正在绘制的线被剪裁，我无法在不同容器中的元素之间绘制。

示例代码：

    <Grid Width="30" Height="30" Background="Black">
<Line Stroke="Red" StrokeThickness="1"  X1="1" Y1="1" X2="100" Y2="100" ClipToBounds="False"/>

Answer 1

ClipToBounds的工作有点奇怪，因为它取决于容器是否使用它。

将Line换成Canvas并将其有效：

<Grid Width="30" Height="30" Background="Black">
   <Canvas>
      <Line Stroke="Red" StrokeThickness="1"  X1="1" Y1="1" X2="100" Y2="100" 
            ClipToBounds="False"/>
    </Canvas>
</Grid>

您可以在此处详细了解：ClipToBounds="Maybe"