WPF 小技巧 —圆角Image

在项目中，经常会遇到设置头像图片的功能，比如：

 此时，我们需要将他设置成圆角的图片。

很简单：裁剪图片即可

 <Image Width="25" Height="25" Source="./Image/user.jpg"  Margin="20,0">
       <Image.Clip>
          <EllipseGeometry Center="12.5,12.5"
                            RadiusX="12.5"
                            RadiusY="12.5" />
        </Image.Clip>
 </Image>

Clip 就可以实现裁剪

EllipseGeometry为一个矩形，中央位置是Image宽高的正中间。

比如：现在的Image宽高都为25，那么中心位置12.5，故将Center设置为"12.5，12.5"。

RadiusX:表示X轴方向上的圆角半径

RadiusY:表示Y轴方向上的圆角半径

设置为Image中心为圆心，12.5为半径，即可得到一个以12.5为半径的圆。

最后效果图为这样的：

大功告成！