带圆角的图片显示

Posted 2020-12-11 zsx-blog

 1         <Grid
 2             Width="200"
 3             Height="200"
 4             Margin="0,0,0,0"
 5             HorizontalAlignment="Center"
 6             VerticalAlignment="Center">
 7 
 9             <Border
10                 Name="Mask"
11                 Grid.RowSpan="2"
12                 Margin="-5"
13                 Background="Black"
14                 CornerRadius="18" />
15 
17             <Grid Grid.RowSpan="2">
18                 <Grid.OpacityMask>
19                     <VisualBrush Visual="{Binding ElementName=Mask}" />
20                 </Grid.OpacityMask>
21 
22                 <Image
23                     Margin="-5"
24                     Source="F:/desktop/timg (1).jpg"
25                     Stretch="UniformToFill" />
26             </Grid>
27 
28         </Grid>