五十一、画图

1、效果图

代码：

2、画圆环

效果图

方法一：

<Canvas Grid.Row="1" Margin="60,90,0,0" HorizontalAlignment="Left">
<Path>
<Path.Fill>
<LinearGradientBrush >
<GradientStop Color="#FF308143" Offset="0"></GradientStop>
<GradientStop x:Name="tel1" Color="#FF308143" Offset="0.5"></GradientStop>
<GradientStop x:Name="tel2" Color="#FF30D656" Offset="0.5"></GradientStop>
<GradientStop Color="#FF30D656" Offset="1"></GradientStop>
</LinearGradientBrush>
</Path.Fill>
<Path.Data>
<GeometryGroup>
<EllipseGeometry RadiusX="120" RadiusY="120" Center="60,60"></EllipseGeometry>
<EllipseGeometry RadiusX="70" RadiusY="70" Center="60,60"></EllipseGeometry>
</GeometryGroup>
</Path.Data>
</Path>
</Canvas>

方法二：

<Canvas Grid.Row="1" Margin="0,0,0,0" HorizontalAlignment="Left">
<Ellipse Height="250" Width="250" Canvas.Left="30" Canvas.Top="30" StrokeThickness="32">
<Ellipse.Stroke>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#FF9AC396" Offset="0"></GradientStop>
<GradientStop x:Name="tel1" Color="#FF9AC396" Offset="0.2"></GradientStop>
<GradientStop x:Name="tel2" Color="#FF30D656" Offset="0.2"></GradientStop>
<GradientStop Color="#FF30D656" Offset="1"></GradientStop>
</LinearGradientBrush>
</Ellipse.Stroke>
</Ellipse>
</Canvas>

 小注：第一，LinearGradientBrush绘制线性的梯度效果。这条线在默认情况下是从被填充对象左上角到右下角的斜线。您可以使用StartPoint和EndPoint属性来改变这条线的位置。

第二，Clip属性能够使您有选择则绘制元素的一部分。使用Clip属性时，您需要提供一个Geometry对象用于描述绘制区域，任何超过绘制区域的部分都会被隐藏，或者说是“被修剪（clipped）”了。

下面的示例使用了一个RectangleGeometry作为Ellipse元素的Clip属性。其结果是：只有Ellipse在RectangleGeometry定义的区域内的部分才被显示出来，超出RectangleGeometry的部分则被切除了。

参照连接：

画刷分类：http://www.cnblogs.com/huangxincheng/archive/2012/07/14/2591941.html

http://www.cnblogs.com/J-FoX/

http://www.cnblogs.com/cnzc/archive/2007/01/26/631361.html

http://www.cnblogs.com/terryzh/archive/2012/03/28/2421458.html

几种线的画法:http://www.cnblogs.com/xiaokang088/archive/2011/04/30/2032924.html