image控件的普通显示效果
在这里插入图片描述
添加边框并且让控件圆角显示

 <Border Width="446" Height="277" BorderThickness="1" BorderBrush="Blue" CornerRadius="80" >
            <Image HorizontalAlignment="Left" Height="277" Margin="-0.8,-0.8,-0.4,-1" VerticalAlignment="Top" Width="446" Source="685698.jpg" Stretch="Fill">
                <Image.Clip>
                    <RectangleGeometry RadiusX="80" RadiusY="80" Rect="2,2,443,273"></RectangleGeometry>
                </Image.Clip>
            </Image>
        </Border>

如图
在这里插入图片描述
不加边框,只让图片圆角显示

<Image HorizontalAlignment="Left" Height="300" Margin="231,59,0,0" VerticalAlignment="Top" Width="300" Source="685698.jpg" Stretch="Fill">
                <Image.Clip>
                    <RectangleGeometry RadiusX="180" RadiusY="180" Rect="0,0,300,300"></RectangleGeometry>
                </Image.Clip>
            </Image>

如图
在这里插入图片描述

更多推荐