如何剪辑折线的溢出

Question

所以我有一个带有 CornerRadius 的边框，我在其中添加了一个 Polyline，希望它会剪裁 CornerRadius 所在的位置，但它没有。正如您在图像中看到的那样，它溢出了，如果它到达 CornerRadius 开始的位置，我希望它被剪掉。

<Border Width="320"
        Height="368"
        CornerRadius="10"
        Background="#1D1A27"
        Margin="50,0,0,0">
            
            <Polyline Points="0,0 320,0 0, 80"
                      Fill="AliceBlue" />
            
</Border>

Answer 1

将 Border 的 Clip 设置为适当的 RectangleGeometry:

<Border Width="320" Height="368" Background="#1D1A27" Margin="50,0,0,0">
    <Border.Clip>
        <RectangleGeometry RadiusX="10" RadiusY="10" Rect="0,0,320,368"/>
    </Border.Clip>

    <Polyline Points="0,0 320,0 0,80" Fill="AliceBlue" />
</Border>

如何剪辑折线的溢出

How do I clip the overflow of my Polyline

wpf

xaml