wpf绘制圆环，实现图片镂空

一、使用Path构建复杂图形

Path所构建的图形由Data属性来定义，其属性的类型为Geometry(几何类)，通过Path可以构建更加复杂的图形。想创建一个圆环，一种做法是使用两个圆形构建，另一种做法就是使用Path，可以直接绘制出圆环。

<Window x:Class="Creg.ShieldCutterSystem.Window1"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"        xmlns:local="clr-namespace:Creg.ShieldCutterSystem"        mc:Ignorable="d"        Title="测试" Height="393.174" Width="614.334">    <Grid>        <Grid.ColumnDefinitions>            <ColumnDefinition/>            <ColumnDefinition/>        </Grid.ColumnDefinitions>        <Canvas>            <!--使用两个圆形叠加出圆环，但要受到其所有容器的限制-->            <Ellipse Fill="Blue" Height="200" Canvas.Left="50" Canvas.Top="80" Width="200"/>            <Ellipse Fill="#FFF9F9F9" Height="120" Canvas.Left="90" Canvas.Top="120" Width="120"/>        </Canvas>        <Canvas Grid.Column="1">            <Path Fill="Blue">                <Path.Data>                    <GeometryGroup>                        <!--Center为圆心的坐标，RadiusX、RadiusY分别为X、Y两轴的半径-->                        <EllipseGeometry RadiusX="100" RadiusY="100" Center="150,180"/>                        <EllipseGeometry RadiusX="60" RadiusY="60" Center="150,180"/>                    </GeometryGroup>                </Path.Data>            </Path>        </Canvas>    </Grid></Window>

运行

由于第一种做法是一种“虚假”的圆环，所以，当给两个圆环所在的Canvas添加背景时，第一种做法的圆环不能出现“镂空”的效果，但第二种可以，为两个Canvas添加如下的背景图片：

 <Canvas.Background>     <ImageBrush ImageSource="Images/test.jpg"/> </Canvas.Background>

运行

参考https://www.cnblogs.com/DragonInSea/archive/2009/06/16/1504417.html/