画布里的CornerRadius？

Question

我目前正在尝试给一个画布元素一个圆形边框的形状。根据我的经验，CornerRadius参数/方法不存在于Canvas类中？还有别的方法开发圆形边界吗？

不是圆角

                <Canvas Background="White" Width="250" Height="200">
                    <TextBlock Text="LOW" Foreground="Black" FontSize="30" TextAlignment="Center" Margin="10"></TextBlock>
                    <TextBlock FontSize="40" Padding="0, 0, 300, 0" Margin="74" Text="11" Foreground="Black">
                    </TextBlock>
                </Canvas>

Answer 1

我认为您需要使用Clip属性并将圆角矩形定义为剪辑路径，如下所示：

<Canvas Background="White">
    <Canvas.Clip>
        <RectangleGeometry Rect="0,0,250,200" RadiusX="15" RadiusY="15" />
    </Canvas.Clip>

    <TextBlock Text="LOW" Foreground="Black" FontSize="30" TextAlignment="Center" Margin="10" />
    <TextBlock FontSize="40" Padding="0, 0, 300, 0" Margin="74" Text="11" Foreground="Black" />
</Canvas>

Answer 2

也许您可以尝试将画布放到另一个可以设置CornerRadius属性的控件中，比如Grid或StackPanel。

以下是代码：

   <Grid Background="AliceBlue">
    <Grid CornerRadius="20" Background="White" Height="500" Width="500">
        <Canvas Background="White"  Width="510" Height="510" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >
        </Canvas>
    </Grid>
</Grid>