如何将方形图像掩盖成圆角图像？

Question

因为我想在我的 Image控件上实现圆角面罩我设计了这样的控件

    <Border x:Name="Border1"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}"  >
            <Image  x:Name="ImageSource1" Background="Transparent" >
            </Image>
    </Border> 
<Border x:Name="MaskBorder1"  BorderBrush="White"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}" BorderThickness="3" />

但是我正在接受控制.

有人有想法用边框颜色填补角落吗？

Answer 1

只需剪辑图像,这是我使用的一个片段

 <Image                               
                            Width="96"
                            Height="96"
                            Stretch="UniformToFill"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top">
                            <Image.Clip>
                                <EllipseGeometry
                                    Center="48,48"
                                    RadiusX="48"
                                    RadiusY="48" />
                            </Image.Clip>
                        </Image>

要使其工作,您需要将Center,RadiusX和RadiusY设置为图像大小的一半.