精通C#---WPF图形呈现服务

1.理解WPF的图形呈现服务
WPF采用的图形呈现方式:保留模式图形。
呈现图形数据时,即使图形被隐藏,它也总是存在的。

2.WPF图形呈现方式
2.1.形状:System.Windows.Shapes。
适合:交互图形
绘图和几何图形:System.Windows.Media.Drawing
适合:非交互,矢量,复杂。
可视化:System.Windows.Media.Visual
适合:大量图形

3.使用形状呈现图形

Shape
DefiningGeometry
Fill
GeometryTransform
Stretch
Stroke
StrokeDashArray, StrokeEndLineCap, StrokeStartLineCap, StrokeThickness

4.Path

System.Windows.Media.Geometry:
Bounds	//包含几何图形的边界矩形
FillContains //判断给定Point(或其它Geometry对象)是否包含在指定Geometry派生类的边界内。
GetArea		//返回Geometry派生类所占的整个区域
GetRenderBounds //返回一个Rect,用来呈现Geometry派生类的最小矩形
Tranform //设置一个用来改变几何图形呈现的Transform对象。

Geometry派生类类似Shape派生类。
Geometry派生类不知道如何直接呈现它们本身。
Geometry派生类所表示的只不过是点数据的集合。
Path并不是WPF中唯一使用集合图形集合的类。

Geometry派生类
LineGeometry // 
RectangleGeometry //
EllipseGeometry
GeometryGroup
CombinedGeometry
PathGeometry

无论是在XAML还是在代码中,PathGeometry都是最难配置的。
PathGeometry中的每个段都是由包含其它段和图像的对象组成的。如:ArcSegment,BezierSegment,LineSegment,PolyBezierSegment,PolyLineSegment,PolyQuadraticBezierSegment等。

PathGeometry支持迷你语言配置,来简化XAML内容。// Path Markup Syntax

5.WPF画刷和画笔
WPF画刷派生类:
DrawingBrush // 使用Drawing派生对象[GeometryDrawing, ImageDrawing, VideoDrawing]绘制区域。
ImageBrush // 使用图像绘制区域
LinearGradientBrush // 使用线性渐变绘制区域
RadialGradientBrush // 使用径向渐变绘制区域
SolidColorBrush // 绘制纯色,设置其Color属性
VisualBrush // 使用Visual派生对象[DrawingVisual, Viewport3DVisual, ContainerVisual]绘制区域。

6.配置画笔

<Pen Thickness="10" LineJoin="Round" EndLineCap="Triangle" StartLineCap="Round"/>

7.图形变换
System.Windows.Media.Transform

MatrixTransform // 创建任意一个矩阵变换,用于操作2D平面的对象或坐标系
RotateTransform // 在2D(x,y)坐标系内围绕一个指定点,按顺时针方向旋转对象
ScaleTransform // 在2D(x, y)坐标系内缩放一个对象
SkewTransform // 在2D(x, y)坐标系内扭曲一个对象
TranslateTransform // 在2D(x, y) 坐标系内平移(移动)一个对象
TransformGroup // 标识由其它Transform对象组合成的复合Transform

可以对任何UIElement应用变换。
LayoutTransform属性用于将元素呈现到布局管理器之前发生变换。
RenderTransform发生于元素呈现在容器中后。
变换可以对单个项,也可以对一个布局管理器。

VS属性选项卡的变换类型:
Translate // 平移
Rotate // 旋转
Scale // 缩放
Skew // 扭曲
Center Point // 中心点
Flip // 翻转

8.使用绘图和几何图形呈现图形数据
Shape类具有丰富的继承链,为此也需耗费较大内存。Drawing要精简很多。
// System.Windows.Media.Drawing
WPF提供了很多Drawing的扩展类:
DrawingGroup // 多个独立的Drawing派生对象合并成一个单独的复合绘图呈现。
GeometryDrawing // 用轻量级方式呈现2D
GlyphRunDrawing // 用WPF图形呈现服务呈现文本。
ImageDrawing // 在矩形边界内呈现图像文件或几何图形集
VideoDrawing // 播放音频或视频。

Drawing没有继承UIElement,因此不能呈现。
要想显示它们的内容,只能将它们放置到一个宿主对象中。如:DrawingImage,DrawingBrush,DrawingVisual。

DrawingImage将绘图和几何图形放置到WPF的Image控件。
DrawingBrush可用来构建一个基于绘图和几何图形的画刷。
DrawingVisual仅用于图形呈现的完全由C#代码驱动的“可视化”层。

9.DrawingBrush

<Window x:Class="RenderingWithShapes.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Window.Background>
        <DrawingBrush>
            <DrawingBrush.Drawing>
                <GeometryDrawing>
                    <GeometryDrawing.Geometry>
                        <GeometryGroup>
                            <EllipseGeometry Center="75, 70"
                                RadiusX="30" RadiusY="30"/>
                            <RectangleGeometry Rect="25, 55, 100, 30"/>
                            <LineGeometry StartPoint="0, 0" EndPoint="70, 30"/>
                            <LineGeometry StartPoint="70, 30" EndPoint="0, 30"/>
                        </GeometryGroup>
                    </GeometryDrawing.Geometry>

                    <GeometryDrawing.Pen>
                        <Pen Brush="Blue" Thickness="3"/>
                    </GeometryDrawing.Pen >

                    <GeometryDrawing.Brush>
                        <SolidColorBrush Color="Orange"/>
                    </GeometryDrawing.Brush>
                </GeometryDrawing>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Window.Background>

    
    <DockPanel LastChildFill="True">
        
        <ToolBar DockPanel.Dock="Top" Name="mainToolBar" Height="50">
            <RadioButton Name="circleOption" GroupName="shapeSelection" Click="circOption_Click">
                <Ellipse Fill="Green" Height="35" Width="35"/>
            </RadioButton>

            <RadioButton Name="rectOption" GroupName="shapeSelection" Click="rectOption_Click">
                <Rectangle Height="35" Width="35" RadiusY="10" RadiusX="10">
                    <Rectangle.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="Black" Offset="0"/>
                            <GradientStop Color="White" Offset="1"/>
                            <GradientStop Color="#FF7E7E7E" Offset="0.495"/>
                        </RadialGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
            </RadioButton>

            <RadioButton Name="lineOption" GroupName="shapeSelection" Click="lineOption_Click">
                <Line Height="35" Width="35" StrokeThickness="10" Stroke="Blue"
                      X1="10" Y1="10" Y2="25" X2="25" StrokeStartLineCap="Triangle" StrokeEndLineCap="Round"/>
            </RadioButton>
            
            <ToggleButton Name="flipCanvas" Click="flipCanvas_Click" Content="Flip Canvas"/>
        </ToolBar>
        <Canvas ClipToBounds="True" Name="canvasDrawingArea" MouseLeftButtonDown="canvasDrawingArea_MouseLeftButtonDown" MouseRightButtonDown="canvasDrawingArea_MouseRightButtonDown">
            <Canvas.Background>
                <DrawingBrush>
                    <DrawingBrush.Drawing>
                        <GeometryDrawing>
                            <GeometryDrawing.Geometry>
                                <GeometryGroup>
                                    <EllipseGeometry Center="75, 70"
                                RadiusX="30" RadiusY="30"/>
                                    <RectangleGeometry Rect="25, 55, 100, 30"/>
                                    <LineGeometry StartPoint="0, 0" EndPoint="70, 30"/>
                                    <LineGeometry StartPoint="70, 30" EndPoint="0, 30"/>
                                </GeometryGroup>
                            </GeometryDrawing.Geometry>

                            <GeometryDrawing.Pen>
                                <Pen Brush="Blue" Thickness="3"/>
                            </GeometryDrawing.Pen >

                            <GeometryDrawing.Brush>
                                <SolidColorBrush Color="Orange"/>
                            </GeometryDrawing.Brush>
                        </GeometryDrawing>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Canvas.Background>

            <Polyline Stroke="Red" StrokeThickness="20" StrokeLineJoin="Round" Points="10,10,40,40,10,90,300,50"/>
            <Polygon Fill="AliceBlue" StrokeThickness="5" Stroke="Green" Points="40,10,70,80,10,50" Canvas.Left="382" Canvas.Top="32"/>

            <Path Canvas.Left="2" Canvas.Top="100" Fill="Orange" Stroke="Blue" StrokeThickness="3">
                <Path.Data>
                    <GeometryGroup>
                        <EllipseGeometry Center="75, 70" RadiusX="30" RadiusY="30"/>
                        <RectangleGeometry Rect="25, 55, 100, 30"/>
                        <LineGeometry StartPoint="0, 0" EndPoint="70, 30"/>
                        <LineGeometry StartPoint="70, 30" EndPoint="0, 30"/>
                    </GeometryGroup>
                </Path.Data>
            </Path>

            <Path Stroke="Black" StrokeThickness="1" Canvas.Left="115.894" Canvas.Top="-2.898">
                <Path.Data>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="10, 50">
                                <PathFigure.Segments>
                                    <BezierSegment
                                        Point1="100, 0"
                                        Point2="200, 200"
                                        Point3="300, 100"/>
                                    <LineSegment Point="400, 100"/>
                                    <ArcSegment
                                        Size="50, 50" RotationAngle="45"
                                        IsLargeArc="True" SweepDirection="Clockwise"
                                        Point="200, 100"/>
                                </PathFigure.Segments>
                            </PathFigure>
                        </PathGeometry.Figures>
                    </PathGeometry>
                </Path.Data>
            </Path>

            <StackPanel Background="Blue" Canvas.Left="146" Canvas.Top="40">
                <Rectangle Height="100" Width="40" Fill="Red">
                    <Rectangle.LayoutTransform>
                        <RotateTransform Angle="45"/>
                    </Rectangle.LayoutTransform>
                </Rectangle>

                <Button Content="Click Me" Width="95" Height="40">
                    <Button.LayoutTransform>
                        <SkewTransform AngleX="20" AngleY="20"/>
                    </Button.LayoutTransform>
                </Button>

                <Ellipse Fill="Red" Width="5" Height="5">
                    <Ellipse.LayoutTransform>
                        <ScaleTransform ScaleX="20" ScaleY="20"/>
                    </Ellipse.LayoutTransform>
                </Ellipse>

                <TextBox Text="Me Too" Width="50" Height="40">
                    <TextBox.LayoutTransform>
                        <TransformGroup>
                            <RotateTransform Angle="45"/>
                            <SkewTransform AngleX="5" AngleY="20"/>
                        </TransformGroup>
                    </TextBox.LayoutTransform>
                </TextBox>
            </StackPanel>

            <Grid Background="AliceBlue" Canvas.Left="200" Canvas.Top="40" ClipToBounds="True">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="221"/>
                    <ColumnDefinition Width="70"/>
                </Grid.ColumnDefinitions>
                <StackPanel HorizontalAlignment="Left" Height="192" Margin="10, 10, 0, 0" VerticalAlignment="Top" Width="201">
                    <Button Content="Skew" x:Name="btnSkew" Click="btnSkew_Click"/>
                    <Button Content="Rotate" x:Name="btnRotate" Click="btnRotate_Click"/>
                    <Button Content="Flip" x:Name="btnFile" Click="btnFile_Click"/>
                </StackPanel>
                <Canvas x:Name="myCanvas" Grid.Column="1">
                    <Ellipse Fill="Red" Width="5" Height="5" Canvas.Left="10" Canvas.Top="10"/>
                    <Ellipse Fill="Red" Width="50" Height="50" Canvas.Left="10" Canvas.Top="30"/>


                    <Image Height="100" Width="100" Canvas.Top="100">
                        <Image.Source>
                            <DrawingImage>
                                <DrawingImage.Drawing>
                                    <GeometryDrawing>
                                        <GeometryDrawing.Geometry>
                                            <GeometryGroup>
                                                <EllipseGeometry Center="75, 70" RadiusX="30" RadiusY="30"/>
                                                <RectangleGeometry Rect=" 25, 55, 100, 30"/>
                                                <LineGeometry StartPoint="0, 0" EndPoint="70, 30"/>
                                                <LineGeometry StartPoint="70, 30" EndPoint="0, 30"/>
                                            </GeometryGroup>
                                        </GeometryDrawing.Geometry>

                                        <GeometryDrawing.Pen>
                                            <Pen Brush="Blue" Thickness="8"/>
                                        </GeometryDrawing.Pen>

                                        <GeometryDrawing.Brush>
                                            <SolidColorBrush Color="Red"/>
                                        </GeometryDrawing.Brush>
                                    </GeometryDrawing>
                                </DrawingImage.Drawing>
                            </DrawingImage>
                        </Image.Source>
                    </Image>

                </Canvas>

                
            </Grid>
        </Canvas>
    </DockPanel>
</Window>



using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace RenderingWithShapes
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private enum SelectedShape
        {
            Circle,
            Rectangle,
            Line
        }

        private SelectedShape currentShape;
        private bool isFlipped = false;
        public MainWindow()
        {
            InitializeComponent();
        }

        private void rectOption_Click(object sender, RoutedEventArgs e)
        {
            currentShape = SelectedShape.Rectangle;
        }

        private void circOption_Click(object sender, RoutedEventArgs e)
        {
            currentShape = SelectedShape.Circle;
        }

        private void lineOption_Click(object sender, RoutedEventArgs e)
        {
            currentShape = SelectedShape.Line;
        }

        private void canvasDrawingArea_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Shape shapeToRender = null;
            switch(currentShape)
            {
                case SelectedShape.Circle:
                    {
                        shapeToRender = new Ellipse() { Height = 35, Width = 35 };

                        RadialGradientBrush brush = new RadialGradientBrush();
                        brush.GradientStops.Add(new GradientStop((Color)ColorConverter.ConvertFromString("#FF87E71B"), 0.589));
                        brush.GradientStops.Add(new GradientStop((Color)ColorConverter.ConvertFromString("#FF2BA92B"), 0.013));
                        brush.GradientStops.Add(new GradientStop((Color)ColorConverter.ConvertFromString("#FF34B71B"), 1));
                        shapeToRender.Fill = brush;
                    }
                    break;

                case SelectedShape.Rectangle:
                    {
                        shapeToRender = new Rectangle()
                        {
                            Fill = Brushes.Red, Height = 35, Width = 35, RadiusX = 10, RadiusY = 10
                        };
                    }
                    break;

                case SelectedShape.Line:
                        {
                            shapeToRender = new Line
                            {
                                Stroke = Brushes.Blue,
                                StrokeThickness = 10,
                                X1 = 0, X2 = 50, Y1 = 0, Y2 = 50,
                                StrokeStartLineCap = PenLineCap.Triangle,
                                StrokeEndLineCap = PenLineCap.Round
                            };
                        }
                    break;

                default:
                    return;
            }

            if (isFlipped)
            {
                RotateTransform rotate = new RotateTransform(-180);
                shapeToRender.RenderTransform = rotate;
            }

            Canvas.SetLeft(shapeToRender, e.GetPosition(canvasDrawingArea).X);
            Canvas.SetTop(shapeToRender, e.GetPosition(canvasDrawingArea).Y);
            canvasDrawingArea.Children.Add(shapeToRender);
        }

        private void canvasDrawingArea_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
        {
            Point pt = e.GetPosition((Canvas)sender);
            HitTestResult result = VisualTreeHelper.HitTest(canvasDrawingArea, pt);
            if(result != null)
            {
                canvasDrawingArea.Children.Remove(result.VisualHit as Shape);
            }
        }

        private void flipCanvas_Click(object sender, RoutedEventArgs e)
        {
            if (flipCanvas.IsChecked == true)
            {
                RotateTransform rotate = new RotateTransform(-180);
                canvasDrawingArea.LayoutTransform = rotate;
                isFlipped = true;
            }
            else
            {
                canvasDrawingArea.LayoutTransform = null;
                isFlipped = false;
            }
        }

        private void btnSkew_Click(object sender, RoutedEventArgs e)
        {
            myCanvas.LayoutTransform = new ScaleTransform(-1, 1);
        }

        private void btnRotate_Click(object sender, RoutedEventArgs e)
        {
            myCanvas.LayoutTransform = new RotateTransform(180);
        }

        private void btnFile_Click(object sender, RoutedEventArgs e)
        {
            myCanvas.LayoutTransform = new SkewTransform(40, -20);
        }
    }
}

10.DrawingImage

<Window x:Class="WpfApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="1024.16" Height="768.101" Clip="F1 M 0,0L 1024.16,0L 1024.16,768.101L 0,768.101L 0,0">
        <Canvas x:Name="bear" Width="800.127" Height="600.079" Canvas.Left="0" Canvas.Top="0">
            <Viewbox Width="1054.21" Height="788.375" Canvas.Left="-16.0162" Canvas.Top="-10.0907">
                <Canvas Width="1054.21" Height="788.375">
                    <Viewbox Width="1042.3" Height="747.355" Canvas.Left="0" Canvas.Top="0">
                        <Canvas Width="1042.3" Height="747.355">
                            <Path Width="1013.16" Height="734.679" Canvas.Left="17.3227" Canvas.Top="10.894" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFA2700" Data="F1 M 182.955,457.033C 205.47,433.927 234.916,416.786 263.212,408.417C 229.803,390.795 202.871,367.721 186.248,340.276C 173.583,319.366 168.07,297.849 168.949,276.787C 109.011,282.192 48.9885,261.047 26.5312,223.969C 0.499987,180.991 34.7987,132.879 103.14,116.508C 164.838,101.729 233.19,117.873 265.049,152.777C 286.687,141.555 311.556,132.324 339.218,125.698C 366.632,119.131 394.702,115.622 422.482,114.902C 406.338,74.5334 440.439,32.0526 503.817,16.8707C 572.158,0.500061 648.661,22.0701 674.693,65.0486C 697.416,102.566 674.167,143.996 622.432,164.808C 647.085,180.647 667.075,199.864 680.421,221.899C 697.045,249.345 701.347,277.839 695.045,304.974C 725.024,299.383 765.141,299.86 806.394,307.692C 881.742,321.996 932.346,355.416 919.424,382.339C 912.07,397.658 885.733,407.573 850.515,410.638C 856.476,417.76 861.822,425.185 866.492,432.896C 870.609,439.693 874.099,446.543 876.98,453.421C 912.658,447.778 960.944,461.592 995.166,489.219C 1036.72,522.762 1041.8,563.964 1006.52,581.247C 973.526,597.413 916.903,586.925 875.719,558.051C 849.434,617.254 780.363,668.11 682.015,691.669C 583.667,715.227 478.3,706.157 396.047,672.953C 395.844,711.741 364.665,743.262 322.928,744.999C 278.307,746.855 238.517,713.966 234.053,671.54C 230.377,636.595 251.813,606.079 284.42,595.365C 279.295,589.025 274.654,582.451 270.538,575.654C 265.867,567.943 262.003,560.163 258.919,552.352C 229.383,564.798 199.231,568.415 177.536,560.054C 139.407,545.36 141.833,499.236 182.955,457.033 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.101343,0.631373" EndPoint="0.900574,0.631373">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.101343" CenterY="0.631373" AngleX="5.06973" AngleY="0"/>
                                                <RotateTransform CenterX="0.101343" CenterY="0.631373" Angle="-16.8553"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFF4040" Offset="0"/>
                                            <GradientStop Color="#FFFF9355" Offset="0.313559"/>
                                            <GradientStop Color="#FFFB795A" Offset="0.602991"/>
                                            <GradientStop Color="#FFF86060" Offset="0.792373"/>
                                            <GradientStop Color="#FFE22929" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="321.983" Height="234.615" Canvas.Left="419.81" Canvas.Top="412.74" Stretch="Fill" Data="F1 M 513.001,418.105C 593.621,398.793 689.332,433.256 726.777,495.08C 764.222,556.904 729.223,622.677 648.603,641.989C 567.983,661.301 472.272,626.839 434.826,565.015C 397.381,503.191 432.381,437.417 513.001,418.105 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="1.26039" RadiusY="1.15497" Center="0.436661,0.614549" GradientOrigin="0.436661,0.614549">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFAB72" Offset="0"/>
                                            <GradientStop Color="#FFF86060" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.436661" CenterY="0.614549" AngleX="7.06855" AngleY="0"/>
                                                <RotateTransform CenterX="0.436661" CenterY="0.614549" Angle="-25.1255"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="122.455" Height="73.8813" Canvas.Left="445.078" Canvas.Top="178.951" Stretch="Fill" Data="F1 M 485.556,181.633C 517.36,174.015 552.432,183.177 563.892,202.097C 575.351,221.017 558.859,242.531 527.054,250.149C 495.25,257.768 460.178,248.606 448.718,229.686C 437.259,210.766 453.752,189.252 485.556,181.633 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.0297312,0.686713" EndPoint="1.04169,0.686713">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.0297312" CenterY="0.686713" AngleX="-1.58104" AngleY="0"/>
                                                <RotateTransform CenterX="0.0297312" CenterY="0.686713" Angle="-21.6548"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                        </Canvas>
                    </Viewbox>
                    <Viewbox Width="693.014" Height="456.88" Canvas.Left="229.86" Canvas.Top="181.744">
                        <Canvas Width="693.014" Height="456.88">
                            <Path Width="122.455" Height="73.8813" Canvas.Left="21.6998" Canvas.Top="43.5631" Stretch="Fill" Data="F1 M 62.1779,46.246C 93.9821,38.6274 129.054,47.7892 140.514,66.7092C 151.973,85.6293 135.481,107.143 103.676,114.762C 71.8722,122.38 36.8,113.218 25.3405,94.2984C 13.881,75.3782 30.3736,53.8645 62.1779,46.246 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.0297312,0.686713" EndPoint="1.04169,0.686713">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.0297312" CenterY="0.686713" AngleX="-1.58101" AngleY="0"/>
                                                <RotateTransform CenterX="0.0297312" CenterY="0.686713" Angle="-21.6547"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="287.012" Height="131.855" Canvas.Left="87.8125" Canvas.Top="76.0119" Stretch="Fill" Data="F1 M 196.886,85.0895C 273.807,66.6633 351.581,77.1785 370.598,108.576C 389.614,139.973 342.673,180.363 265.751,198.789C 188.829,217.215 111.056,206.7 92.0392,175.303C 73.0226,143.906 119.964,103.516 196.886,85.0895 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="1.09052" RadiusY="1.49282" Center="0.141395,0.584187" GradientOrigin="0.141395,0.584187">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFBD91" Offset="0"/>
                                            <GradientStop Color="#FFFF7E7E" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.141395" CenterY="0.584187" AngleX="0.0462993" AngleY="0"/>
                                                <RotateTransform CenterX="0.141395" CenterY="0.584187" Angle="0.099276"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="129.196" Height="52.0465" Canvas.Left="151.664" Canvas.Top="93.1032" Stretch="Fill" Fill="#FF000000" Data="F1 M 205.048,98.565C 240.18,90.1493 273.685,91.6226 279.883,101.856C 286.081,112.089 261.86,134.786 232.966,141.986C 202.814,149.499 158.855,142.565 152.657,132.332C 146.459,122.099 169.915,106.981 205.048,98.565 Z "/>
                            <Path Width="96.3597" Height="60.9703" Canvas.Left="33.2868" Canvas.Top="50.3198" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFF3A1D" Data="F1 M 64.4993,52.7913C 89.1008,46.8981 116.641,54.663 126.012,70.1344C 135.382,85.6059 123.035,102.925 98.4339,108.819C 73.8324,114.712 46.2924,106.947 36.9217,91.4754C 27.5509,76.0039 39.8978,58.6844 64.4993,52.7913 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.0201349,0.682784" EndPoint="0.979865,0.317219">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFFFFF" Offset="0.0127119"/>
                                            <GradientStop Color="#FFBBCAD4" Offset="0.995763"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="99.5714" Height="61.2678" Canvas.Left="224.426" Canvas.Top="3.99987" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFF3A1D" Data="F1 M 257.244,6.61987C 282.792,0.5 311.099,8.08118 320.47,23.5527C 329.841,39.0244 316.727,56.5278 291.179,62.6477C 265.631,68.7676 237.323,61.1864 227.953,45.7148C 218.582,30.2432 231.696,12.7397 257.244,6.61987 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.0176725,0.688969" EndPoint="1.05372,0.688969">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.0176725" CenterY="0.688969" AngleX="-1.07407" AngleY="0"/>
                                                <RotateTransform CenterX="0.0176725" CenterY="0.688969" Angle="-21.3947"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFFFFF" Offset="0.0127119"/>
                                            <GradientStop Color="#FFBBCAD4" Offset="0.995763"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="55.8926" Height="25.9566" Canvas.Left="223.585" Canvas.Top="159.566" Stretch="Fill" Fill="#FF000000" Data="F1 M 242.234,160.499C 257.397,156.867 276.557,164.725 279.092,168.911C 281.628,173.097 271.392,179.436 256.229,183.068C 241.067,186.7 226.72,186.25 224.184,182.064C 221.648,177.878 227.071,164.132 242.234,160.499 Z "/>
                            <Path Width="47.6219" Height="24.1161" Canvas.Left="163.057" Canvas.Top="104.128" Stretch="Fill" Data="F1 M 180.743,111.084C 193.447,105.052 206.489,102.446 209.872,105.264C 213.255,108.082 205.699,115.257 192.994,121.289C 180.29,127.321 167.248,129.926 163.865,127.108C 160.482,124.29 168.038,117.116 180.743,111.084 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.413506,0.115023" EndPoint="1.15355,0.115023">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.413506" CenterY="0.115023" AngleX="10.4471" AngleY="0"/>
                                                <RotateTransform CenterX="0.413506" CenterY="0.115023" Angle="34.3386"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.902542"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="118.954" Height="91.0585" Canvas.Left="564.636" Canvas.Top="273.159" Stretch="Fill" Data="F1 M 567.934,333.109C 565.618,302.7 564.796,293.941 606.541,282.493C 655.858,268.97 693.014,272.958 681.473,277.081C 659.621,284.888 562.918,342.128 564.659,363.571C 565.061,368.519 574.395,343.777 567.934,333.109 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.0037467,1.03537" EndPoint="1.22601,1.03537">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.0037467" CenterY="1.03537" AngleX="7.01695" AngleY="0"/>
                                                <RotateTransform CenterX="-0.0037467" CenterY="1.03537" Angle="-66.9868"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="180.411" Height="48.3665" Canvas.Left="13.0065" Canvas.Top="408.514" Stretch="Fill" Data="F1 M 15.4313,456.88C -5.72205e-006,436.467 60.6932,392.969 127.352,414.216C 160.174,424.678 193.418,438.896 193.418,438.896C 165.046,431.226 131.05,428.761 87.5578,429.535C 44.0656,430.309 26.5063,443.517 15.4313,456.88 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="1.11853,0.695054" EndPoint="2.50484,0.695054">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="1.11853" CenterY="0.695054" AngleX="21.387" AngleY="0"/>
                                                <RotateTransform CenterX="1.11853" CenterY="0.695054" Angle="206.583"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                        </Canvas>
                    </Viewbox>
                    <Viewbox Width="918.018" Height="465.956" Canvas.Left="136.192" Canvas.Top="322.419">
                        <Canvas Width="918.019" Height="465.956">
                            <Path Width="202.342" Height="114.165" Canvas.Left="14.157" Canvas.Top="156.947" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFEC0707" Data="F1 M 24.8552,177.539C 49.2104,153.657 109.46,150.634 159.427,170.788C 209.394,190.941 230.156,226.639 205.801,250.521C 181.446,274.402 121.196,277.425 71.2292,257.271C 21.2623,237.118 0.499964,201.42 24.8552,177.539 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="1.64486" RadiusY="1.766" Center="-0.269518,0.874023" GradientOrigin="-0.269518,0.874023">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFAB72" Offset="0"/>
                                            <GradientStop Color="#FFF86060" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.269518" CenterY="0.874023" AngleX="-4.80424" AngleY="0"/>
                                                <RotateTransform CenterX="-0.269518" CenterY="0.874023" Angle="-26.6358"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="168.693" Height="134.128" Canvas.Left="622.759" Canvas.Top="6.17281" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFEC0707" Data="F1 M 736.049,8.14012C 692.602,0.500046 644.422,23.4512 628.437,59.4031C 612.452,95.355 634.715,130.693 678.162,138.333C 721.609,145.973 769.789,123.022 785.774,87.0704C 801.759,51.1185 779.496,15.7803 736.049,8.14012 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="1.45019" RadiusY="1.18596" Center="-0.431717,0.69714" GradientOrigin="-0.431717,0.69714">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFFFAB72" Offset="0"/>
                                            <GradientStop Color="#FFF86060" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.431717" CenterY="0.69714" AngleX="7.4359" AngleY="0"/>
                                                <RotateTransform CenterX="-0.431717" CenterY="0.69714" Angle="-13.5007"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Viewbox Width="830.974" Height="317.051" Canvas.Left="87.0445" Canvas.Top="148.905">
                                <Canvas Width="830.974" Height="317.051">
                                    <Path Width="271.324" Height="161.011" Canvas.Left="19.177" Canvas.Top="146.221" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFEC0707" Data="F1 M 38.0851,175.79C 75.6703,141.718 158.412,136.903 222.893,165.034C 287.374,193.166 309.178,243.592 271.593,277.664C 234.008,311.736 151.266,316.551 86.785,288.42C 22.3037,260.288 0.500002,209.862 38.0851,175.79 Z ">
                                        <Path.Fill>
                                            <RadialGradientBrush RadiusX="1.07349" RadiusY="1.12221" Center="0.00245436,0.70135" GradientOrigin="0.00245436,0.70135">
                                                <RadialGradientBrush.GradientStops>
                                                    <GradientStop Color="#FFFFAB72" Offset="0"/>
                                                    <GradientStop Color="#FFF86060" Offset="1"/>
                                                </RadialGradientBrush.GradientStops>
                                                <RadialGradientBrush.RelativeTransform>
                                                    <TransformGroup>
                                                        <SkewTransform CenterX="0.00245436" CenterY="0.70135" AngleX="-2.30889" AngleY="0"/>
                                                        <RotateTransform CenterX="0.00245436" CenterY="0.70135" Angle="-22.0325"/>
                                                    </TransformGroup>
                                                </RadialGradientBrush.RelativeTransform>
                                            </RadialGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Width="242.56" Height="178.314" Canvas.Left="574.741" Canvas.Top="7.93328" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFEC0707" Data="F1 M 729.303,10.2127C 665.199,0.5 598.331,31.5227 579.95,79.5037C 561.568,127.485 598.634,174.255 662.739,183.967C 726.843,193.68 793.711,162.658 812.093,114.676C 830.474,66.6954 793.408,19.9254 729.303,10.2127 Z ">
                                        <Path.Fill>
                                            <RadialGradientBrush RadiusX="1.17138" RadiusY="1.03858" Center="-0.0567907,0.681702" GradientOrigin="-0.0567907,0.681702">
                                                <RadialGradientBrush.GradientStops>
                                                    <GradientStop Color="#FFFFAB72" Offset="0"/>
                                                    <GradientStop Color="#FFF86060" Offset="1"/>
                                                </RadialGradientBrush.GradientStops>
                                                <RadialGradientBrush.RelativeTransform>
                                                    <TransformGroup>
                                                        <SkewTransform CenterX="-0.0567907" CenterY="0.681702" AngleX="5.89589" AngleY="0"/>
                                                        <RotateTransform CenterX="-0.0567907" CenterY="0.681702" Angle="-18.0735"/>
                                                    </TransformGroup>
                                                </RadialGradientBrush.RelativeTransform>
                                            </RadialGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Canvas>
                            </Viewbox>
                        </Canvas>
                    </Viewbox>
                    <Viewbox Width="1001.05" Height="767.312" Canvas.Left="8.83695" Canvas.Top="10.0908">
                        <Canvas Width="1001.05" Height="767.312">
                            <Path Width="80.2621" Height="166.108" Canvas.Left="159.569" Canvas.Top="154.217" Stretch="Fill" Data="F1 M 160.188,253.643C 154.288,216.614 191.358,170.33 237.697,154.217C 237.697,154.217 247.876,198.488 223.771,214.302C 203.343,227.703 179.235,244.58 189.307,300.032C 191.097,309.885 181.545,313.908 176.23,320.324C 176.23,320.324 163.459,297.866 160.188,253.643 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.443153,0.372527" EndPoint="0.93217,0.372527">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.443153" CenterY="0.372527" AngleX="-32.3332" AngleY="0"/>
                                                <RotateTransform CenterX="-0.443153" CenterY="0.372527" Angle="3.86616"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="128.918" Height="222.569" Canvas.Left="412.808" Canvas.Top="415.786" Stretch="Fill" Data="F1 M 453.231,575.807C 411.312,535.315 408.635,520.31 416.011,482.768C 424.092,441.631 461.156,429.747 508.843,415.786C 508.843,415.786 510.711,453.939 504.183,504.501C 498.534,548.252 526.625,629.468 541.727,638.356C 541.727,638.356 495.57,617.851 453.231,575.807 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.593778,0.361136" EndPoint="0.842483,0.361136">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.593778" CenterY="0.361136" AngleX="10.2049" AngleY="0"/>
                                                <RotateTransform CenterX="-0.593778" CenterY="0.361136" Angle="-1.58673"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="92.6908" Height="110.716" Canvas.Left="308.96" Canvas.Top="261.549" Stretch="Fill" Data="F1 M 321.515,304.039C 344.465,283.835 370.53,270.933 401.651,261.549C 401.651,261.549 312.438,331.166 356.406,372.265C 305.326,361.355 298.566,324.243 321.515,304.039 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.867278,0.483356" EndPoint="1.39715,0.483356">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.867278" CenterY="0.483356" AngleX="15.5521" AngleY="0"/>
                                                <RotateTransform CenterX="-0.867278" CenterY="0.483356" Angle="-6.36337"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="77.1797" Height="117.588" Canvas.Left="7.16727" Canvas.Top="108.979" Stretch="Fill" Data="F1 M 8.6427,190.508C 1.7643e-005,155.462 29.8548,127.818 84.3469,108.979L 66.0296,140.383C 66.0296,140.383 24.5108,190.833 32.3523,226.567C 32.3523,226.567 11.6924,206.058 8.6427,190.508 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.396587,0.195078" EndPoint="0.900671,0.195078">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.396587" CenterY="0.195078" AngleX="-29.8829" AngleY="0"/>
                                                <RotateTransform CenterX="-0.396587" CenterY="0.195078" Angle="7.38761"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="129.282" Height="100.292" Canvas.Left="413.525" Canvas.Top="0" Stretch="Fill" Data="F1 M 417.631,59.5139C 431.942,28.2691 468.182,9.33044 542.807,0C 542.807,0 534.112,10.9014 498.702,28.0769C 463.292,45.2523 445.242,37.0425 414.797,100.292C 414.797,100.292 410.529,73.2689 417.631,59.5139 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="3.16313e-005,0.127408" EndPoint="0.621116,0.127408">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="3.16313e-005" CenterY="0.127408" AngleX="-11.9264" AngleY="0"/>
                                                <RotateTransform CenterX="3.16313e-005" CenterY="0.127408" Angle="40.3228"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="162.386" Height="63.8434" Canvas.Left="259.091" Canvas.Top="107.176" Stretch="Fill" Data="F1 M 329.822,117.216C 374.2,106.585 411.595,105.217 416.51,109.304C 433.41,123.361 405.281,156.957 360.903,167.588C 316.525,178.218 258.549,161.845 259.095,149.846C 259.56,139.599 285.444,127.846 329.822,117.216 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.155624,0.0144856" EndPoint="1.12359,0.0144856">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.155624" CenterY="0.0144856" AngleX="23.2421" AngleY="0"/>
                                                <RotateTransform CenterX="0.155624" CenterY="0.0144856" Angle="71.4443"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="102.273" Height="89.2727" Canvas.Left="147.525" Canvas.Top="401.593" Stretch="Fill" Data="F1 M 249.798,401.593C 249.798,401.593 226.371,408.067 197.12,427.289C 167.869,446.512 140.094,497.373 149.33,490.173C 174.329,470.682 215.399,460.845 248.007,469.107L 249.798,401.593 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.167508,0.486044" EndPoint="1.1295,0.486044">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.167508" CenterY="0.486044" AngleX="7.11826" AngleY="0"/>
                                                <RotateTransform CenterX="-0.167508" CenterY="0.486044" Angle="-7.96196"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="116.555" Height="98.5685" Canvas.Left="688.102" Canvas.Top="301.982" Stretch="Fill" Data="F1 M 688.408,301.982C 688.408,301.982 693.766,318.502 688.408,340.038C 683.05,361.574 749.817,403.574 750.011,400.378C 752.737,355.466 784.356,334.209 804.657,326.442L 688.408,301.982 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.0992547,1.3172" EndPoint="1.32214,1.3172">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.0992547" CenterY="1.3172" AngleX="13.7489" AngleY="0"/>
                                                <RotateTransform CenterX="-0.0992547" CenterY="1.3172" Angle="-55.2945"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#7DFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset="0.877119"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path MouseLeftButtonDown="LeftEye_MouseLeftButtonDown" x:Name="LeftEye" Width="46.0618" Height="29.1037" Canvas.Left="282.342" Canvas.Top="252.204" Stretch="Fill" Fill="#FF000000" Data="F1 M 297.132,253.15C 309.006,250.306 322.321,254.092 326.872,261.606C 331.423,269.121 325.487,277.518 313.614,280.362C 301.74,283.206 288.425,279.421 283.873,271.906C 279.322,264.392 285.258,255.995 297.132,253.15 Z "/>
                            <Path Width="290.668" Height="100.085" Canvas.Left="520.667" Canvas.Top="594.677" Stretch="Fill" Data="F1 M 529.097,683.382C 638.359,684.856 723.261,661.303 797.411,594.677C 800.854,605.425 802.917,611.785 811.334,615.555C 751.831,667.961 641.716,698.839 526.78,694.327C 517.064,693.945 519.743,688.194 529.097,683.382 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.0379847,0.868662" EndPoint="1.69574,0.868662">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.0379847" CenterY="0.868662" AngleX="-22.2372" AngleY="0"/>
                                                <RotateTransform CenterX="-0.0379847" CenterY="0.868662" Angle="-33.4316"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="20.2782" Height="10.5889" Canvas.Left="281.703" Canvas.Top="257.589" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 288.962,258.13C 294.33,256.844 299.97,257.93 301.561,260.556C 303.151,263.181 300.089,266.352 294.721,267.638C 289.353,268.923 283.713,267.837 282.123,265.212C 280.533,262.587 283.595,259.416 288.962,258.13 Z "/>
                            <Path Width="46.0618" Height="29.1037" Canvas.Left="476.362" Canvas.Top="204.906" Stretch="Fill" Fill="#FF000000" Data="F1 M 491.152,205.852C 503.026,203.008 516.341,206.794 520.892,214.308C 525.444,221.822 519.507,230.219 507.634,233.064C 495.76,235.908 482.445,232.122 477.893,224.608C 473.342,217.094 479.278,208.696 491.152,205.852 Z "/>
                            <Path Width="20.2781" Height="10.589" Canvas.Left="475.636" Canvas.Top="210.585" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 482.896,211.125C 488.264,209.84 493.904,210.926 495.494,213.551C 497.084,216.177 494.022,219.347 488.655,220.633C 483.287,221.919 477.647,220.833 476.057,218.207C 474.466,215.582 477.529,212.411 482.896,211.125 Z "/>
                            <Path Width="71.9687" Height="95.4606" Canvas.Left="274.324" Canvas.Top="426.058" Stretch="Fill" Data="F1 M 274.324,467.406C 309.653,480.16 342.621,511.804 345.043,520.868C 347.466,529.932 350.991,441.678 306.022,426.058C 302.577,435.563 292.5,454.372 274.324,467.406 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.00444606,0.270688" EndPoint="1.81654,0.270688">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.00444606" CenterY="0.270688" AngleX="-37.8867" AngleY="0"/>
                                                <RotateTransform CenterX="0.00444606" CenterY="0.270688" Angle="33.0617"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="102.169" Height="69.369" Canvas.Left="216.994" Canvas.Top="505.067" Stretch="Fill" Data="F1 M 221.324,556.29C 251.171,534.675 205.893,535.876 229.745,519.554C 250.201,505.556 274.767,528.058 295.558,506.682C 303.918,498.087 342.173,525.413 298.935,550.237C 270.745,589.779 198.695,572.679 221.324,556.29 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.193528,0.237742" EndPoint="1.08841,0.237742">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.193528" CenterY="0.237742" AngleX="-3.48966" AngleY="0"/>
                                                <RotateTransform CenterX="-0.193528" CenterY="0.237742" Angle="24.6295"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="56.1668" Height="25.0605" Canvas.Left="169.204" Canvas.Top="531.88" Stretch="Fill" Data="F1 M 199.835,532.093C 215.279,533.356 226.66,539.895 225.253,546.698C 223.846,553.5 210.185,557.991 194.74,556.728C 179.294,555.464 167.914,548.925 169.321,542.123C 170.728,535.32 184.39,530.829 199.835,532.093 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.51359,0.388258" EndPoint="1.47381,0.388258">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.51359" CenterY="0.388258" AngleX="5.98063" AngleY="0"/>
                                                <RotateTransform CenterX="-0.51359" CenterY="0.388258" Angle="12.1827"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="52.9016" Height="23.2549" Canvas.Left="161.902" Canvas.Top="506.15" Stretch="Fill" Data="F1 M 162.637,511.263C 166.044,505.945 180.319,504.55 194.521,508.148C 208.723,511.746 217.474,518.974 214.068,524.293C 210.661,529.611 196.386,531.005 182.184,527.407C 167.982,523.809 159.23,516.581 162.637,511.263 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.460272,0.0192444" EndPoint="1.7557,0.0192444">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.460272" CenterY="0.0192444" AngleX="11.4998" AngleY="0"/>
                                                <RotateTransform CenterX="-0.460272" CenterY="0.0192444" Angle="23.4858"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="39.6178" Height="30.1477" Canvas.Left="196.264" Canvas.Top="482.692" Stretch="Fill" Data="F1 M 202.128,483.749C 209.899,480.692 222.441,484.489 230.142,492.23C 237.843,499.971 237.787,508.724 230.016,511.782C 222.246,514.839 209.704,511.042 202.003,503.302C 194.302,495.561 194.358,486.807 202.128,483.749 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.489761,-0.553683" EndPoint="2.40886,-0.553683">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.489761" CenterY="-0.553683" AngleX="-9.82014" AngleY="0"/>
                                                <RotateTransform CenterX="-0.489761" CenterY="-0.553683" Angle="52.6458"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="32.943" Height="31.2945" Canvas.Left="249.763" Canvas.Top="481.022" Stretch="Fill" Data="F1 M 256.967,481.369C 264.487,479.568 274.732,484.957 279.85,493.408C 284.968,501.858 283.021,510.168 275.501,511.969C 267.982,513.771 257.737,508.381 252.619,499.931C 247.501,491.48 249.448,483.17 256.967,481.369 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.254537,-0.506442" EndPoint="2.34945,-0.506442">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.254537" CenterY="-0.506442" AngleX="-9.53041" AngleY="0"/>
                                                <RotateTransform CenterX="0.254537" CenterY="-0.506442" Angle="72.6935"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="301.922" Height="103.206" Canvas.Left="383.4" Canvas.Top="311.214" Stretch="Fill" Data="F1 M 383.4,412.792C 607.829,389.995 661.121,349.319 685.323,311.214C 682.812,345.892 663.36,373.697 591.934,397.558C 560.613,408.021 431.866,418.542 383.4,412.792 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.2562,0.942641" EndPoint="1.78797,0.942641">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.2562" CenterY="0.942641" AngleX="-27.9059" AngleY="0"/>
                                                <RotateTransform CenterX="0.2562" CenterY="0.942641" Angle="-43.6414"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="68.2566" Height="143.504" Canvas.Left="612.357" Canvas.Top="166.222" Stretch="Fill" Data="F1 M 612.357,167.957C 678.42,226.392 671.72,288.755 663.811,306.08C 655.902,323.406 684.858,275 680.077,244.319C 675.296,213.639 632.382,155.445 612.357,167.957 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.211937,1.04306" EndPoint="1.41152,1.04306">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.211937" CenterY="1.04306" AngleX="3.05626" AngleY="0"/>
                                                <RotateTransform CenterX="0.211937" CenterY="1.04306" Angle="-86.643"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="162.957" Height="71.485" Canvas.Left="432.183" Canvas.Top="309.868" Stretch="Fill" Data="F1 M 432.183,380.493C 537.399,363.351 557.57,351.694 593.005,309.868C 610.45,355.809 517.773,387.007 432.183,380.493 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.0456483,1.18565" EndPoint="2.29535,1.18565">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.0456483" CenterY="1.18565" AngleX="-18.8525" AngleY="0"/>
                                                <RotateTransform CenterX="-0.0456483" CenterY="1.18565" Angle="-44.0869"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="120.207" Height="59.5104" Canvas.Left="765.007" Canvas.Top="376.596" Stretch="Fill" Data="F1 M 788.991,381.854C 828.832,395.703 817.518,368.105 847.876,379.371C 873.913,389.032 844.044,408.835 881.622,417.164C 896.733,420.513 862.218,449.742 814.594,428.326C 747.219,419.236 758.784,371.355 788.991,381.854 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.60702,-0.282488" EndPoint="1.99451,-0.282488">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.60702" CenterY="-0.282488" AngleX="-6.5931" AngleY="0"/>
                                                <RotateTransform CenterX="0.60702" CenterY="-0.282488" Angle="101.341"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="39.6393" Height="35.4129" Canvas.Left="783.435" Canvas.Top="346.559" Stretch="Fill" Data="F1 M 822.941,363.263C 824.198,373.026 816.403,381.39 805.53,381.943C 794.658,382.497 784.825,375.031 783.568,365.268C 782.311,355.505 790.106,347.142 800.978,346.588C 811.851,346.034 821.684,353.5 822.941,363.263 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.310281,-0.505259" EndPoint="2.27394,-0.505259">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.310281" CenterY="-0.505259" AngleX="-2.38071" AngleY="0"/>
                                                <RotateTransform CenterX="0.310281" CenterY="-0.505259" Angle="85.2728"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="33.9014" Height="34.5381" Canvas.Left="826.305" Canvas.Top="334.633" Stretch="Fill" Data="F1 M 848.023,334.727C 857.004,335.713 862.15,344.202 859.517,353.687C 856.885,363.173 847.469,370.063 838.488,369.077C 829.507,368.091 824.361,359.602 826.994,350.117C 829.627,340.631 839.042,333.741 848.023,334.727 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.700277,-0.47216" EndPoint="2.75818,-0.47216">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.700277" CenterY="-0.47216" AngleX="4.83322" AngleY="0"/>
                                                <RotateTransform CenterX="0.700277" CenterY="-0.47216" Angle="97.8346"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="44.2799" Height="27.4609" Canvas.Left="858.468" Canvas.Top="349.733" Stretch="Fill" Data="F1 M 899.496,351.963C 905.872,356.105 902.583,364.611 892.151,370.962C 881.72,377.313 868.095,379.104 861.719,374.963C 855.344,370.821 858.632,362.315 869.064,355.964C 879.495,349.613 893.12,347.822 899.496,351.963 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="1.43092,-0.619547" EndPoint="4.40053,-0.619547">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="1.43092" CenterY="-0.619547" AngleX="-0.799765" AngleY="0"/>
                                                <RotateTransform CenterX="1.43092" CenterY="-0.619547" Angle="135.316"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="46.5101" Height="23.5163" Canvas.Left="870.323" Canvas.Top="382.002" Stretch="Fill" Data="F1 M 915.439,384.869C 919.809,389.118 913.564,396.543 901.491,401.454C 889.417,406.364 876.087,406.9 871.718,402.651C 867.348,398.402 873.593,390.977 885.666,386.066C 897.74,381.156 911.07,380.619 915.439,384.869 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="1.51685,0.00913529" EndPoint="3.79627,0.00913529">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="1.51685" CenterY="0.00913529" AngleX="-9.19333" AngleY="0"/>
                                                <RotateTransform CenterX="1.51685" CenterY="0.00913529" Angle="151.371"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="123.148" Height="83.6133" Canvas.Left="339.035" Canvas.Top="665.205" Stretch="Fill" Data="F1 M 344.255,726.946C 380.23,700.892 325.655,702.341 354.405,682.667C 379.061,665.794 408.672,692.917 433.732,667.152C 443.809,656.791 489.92,689.728 437.802,719.65C 403.824,767.312 316.98,746.7 344.255,726.946 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.193528,0.237742" EndPoint="1.08841,0.237742">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.193528" CenterY="0.237742" AngleX="-3.48964" AngleY="0"/>
                                                <RotateTransform CenterX="-0.193528" CenterY="0.237742" Angle="24.6295"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="67.7002" Height="30.2064" Canvas.Left="281.022" Canvas.Top="696.846" Stretch="Fill" Data="F1 M 317.943,697.103C 336.559,698.626 350.276,706.507 348.58,714.707C 346.884,722.907 330.418,728.319 311.801,726.796C 293.185,725.274 279.468,717.392 281.164,709.192C 282.859,700.993 299.326,695.58 317.943,697.103 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.51359,0.388258" EndPoint="1.47381,0.388258">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.51359" CenterY="0.388258" AngleX="5.98073" AngleY="0"/>
                                                <RotateTransform CenterX="-0.51359" CenterY="0.388258" Angle="12.1828"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="63.7645" Height="28.03" Canvas.Left="271.812" Canvas.Top="665.157" Stretch="Fill" Data="F1 M 272.698,671.32C 276.804,664.909 294.01,663.229 311.129,667.565C 328.247,671.902 338.796,680.614 334.69,687.025C 330.583,693.435 313.377,695.116 296.259,690.779C 279.141,686.442 268.592,677.73 272.698,671.32 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.460272,0.0192463" EndPoint="1.7557,0.0192463">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.460272" CenterY="0.0192463" AngleX="11.4997" AngleY="0"/>
                                                <RotateTransform CenterX="-0.460272" CenterY="0.0192463" Angle="23.4857"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="47.753" Height="36.3383" Canvas.Left="312.819" Canvas.Top="636.205" Stretch="Fill" Data="F1 M 319.888,637.479C 329.254,633.794 344.372,638.371 353.654,647.701C 362.937,657.032 362.869,667.583 353.503,671.268C 344.136,674.953 329.019,670.377 319.736,661.046C 310.454,651.716 310.522,641.165 319.888,637.479 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="-0.48976,-0.553683" EndPoint="2.40886,-0.553683">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="-0.48976" CenterY="-0.553683" AngleX="-9.82011" AngleY="0"/>
                                                <RotateTransform CenterX="-0.48976" CenterY="-0.553683" Angle="52.6458"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="39.7076" Height="37.7205" Canvas.Left="376.894" Canvas.Top="633.515" Stretch="Fill" Data="F1 M 385.577,633.933C 394.641,631.762 406.99,638.259 413.159,648.444C 419.328,658.629 416.981,668.646 407.917,670.817C 398.854,672.988 386.505,666.492 380.336,656.306C 374.167,646.121 376.514,636.104 385.577,633.933 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.254537,-0.506441" EndPoint="2.34945,-0.506441">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.254537" CenterY="-0.506441" AngleX="-9.53039" AngleY="0"/>
                                                <RotateTransform CenterX="0.254537" CenterY="-0.506441" Angle="72.6935"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="153.452" Height="68.8153" Canvas.Left="821.999" Canvas.Top="554.426" Stretch="Fill" Data="F1 M 845.733,568.578C 898.419,578.214 873.476,547.653 913.923,555.833C 948.611,562.85 921.845,591.117 969.543,594.641C 988.723,596.057 960.47,636.183 895.44,618.947C 812.388,619.5 805.788,561.273 845.733,568.578 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.469332,-0.290179" EndPoint="1.93239,-0.290179">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.469332" CenterY="-0.290179" AngleX="-1.08805" AngleY="0"/>
                                                <RotateTransform CenterX="0.469332" CenterY="-0.290179" Angle="91.1266"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="49.7749" Height="41.7842" Canvas.Left="829.391" Canvas.Top="525.143" Stretch="Fill" Data="F1 M 877.003,541.572C 882.6,552.842 876.962,563.976 864.412,566.441C 851.862,568.906 837.151,561.768 831.555,550.498C 825.958,539.229 831.596,528.095 844.146,525.63C 856.696,523.165 871.407,530.303 877.003,541.572 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.0206582,-0.471713" EndPoint="2.08213,-0.471713">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.0206582" CenterY="-0.471713" AngleX="-8.8433" AngleY="0"/>
                                                <RotateTransform CenterX="0.0206582" CenterY="-0.471713" Angle="68.9973"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="39.8843" Height="41.9975" Canvas.Left="876.183" Canvas.Top="505.447" Stretch="Fill" Data="F1 M 894.485,505.456C 905.461,505.117 915.093,514.239 915.998,525.831C 916.904,537.424 908.74,547.096 897.764,547.435C 886.789,547.774 877.157,538.652 876.251,527.059C 875.346,515.467 883.509,505.795 894.485,505.456 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="0.345041,-0.466999" EndPoint="2.40709,-0.466999">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.345041" CenterY="-0.466999" AngleX="-8.30106" AngleY="0"/>
                                                <RotateTransform CenterX="0.345041" CenterY="-0.466999" Angle="76.986"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="48.2245" Height="36.0908" Canvas.Left="920.833" Canvas.Top="517.38" Stretch="Fill" Data="F1 M 962.303,518.752C 971.547,522.558 971.269,533.108 961.682,542.316C 952.096,551.524 936.831,555.904 927.588,552.098C 918.345,548.292 918.623,537.742 928.209,528.534C 937.796,519.326 953.06,514.946 962.303,518.752 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="1.23611,-0.692134" EndPoint="4.14342,-0.692134">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="1.23611" CenterY="-0.692134" AngleX="9.07585" AngleY="0"/>
                                                <RotateTransform CenterX="1.23611" CenterY="-0.692134" Angle="127.699"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Width="50.5817" Height="32.1647" Canvas.Left="946.881" Canvas.Top="553.319" Stretch="Fill" Data="F1 M 994.125,555.3C 1001.05,559.567 996.844,569.34 984.72,577.128C 972.595,584.916 957.148,587.77 950.218,583.503C 943.288,579.235 947.498,569.463 959.623,561.675C 971.747,553.887 987.194,551.033 994.125,555.3 Z ">
                                <Path.Fill>
                                    <LinearGradientBrush StartPoint="1.50309,-0.167276" EndPoint="3.91534,-0.167276">
                                        <LinearGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="1.50309" CenterY="-0.167276" AngleX="0.606798" AngleY="0"/>
                                                <RotateTransform CenterX="1.50309" CenterY="-0.167276" Angle="143.893"/>
                                            </TransformGroup>
                                        </LinearGradientBrush.RelativeTransform>
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="#00FF8480" Offset="0.00423729"/>
                                            <GradientStop Color="#FFF2251D" Offset="1"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                        </Canvas>
                    </Viewbox>
                    <Viewbox Width="596.351" Height="218.768" Canvas.Left="56.7395" Canvas.Top="31.7297">
                        <Canvas Width="596.351" Height="218.768">
                            <Path Width="173.497" Height="116.981" Canvas.Left="11.6263" Canvas.Top="101.787" Stretch="Fill" Data="F1 M 70.5065,105.002C 133.004,90.0313 185.123,132.197 185.123,132.197C 136.741,150.216 115.375,175.495 107.847,218.768C 107.847,218.768 35.7795,212.241 17.8897,182.704C -9.53674e-006,153.168 21.321,116.784 70.5065,105.002 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="0.535189" RadiusY="0.507541" Center="0.527606,0.499232" GradientOrigin="0.527606,0.499232">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFF87E5B" Offset="0.669492"/>
                                            <GradientStop Color="#FFE22929" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.527606" CenterY="0.499232" AngleX="2.65547" AngleY="0"/>
                                                <RotateTransform CenterX="0.527606" CenterY="0.499232" Angle="-19.5588"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path MouseLeftButtonDown="RightEar_MouseLeftButtonDown" x:Name="RightEar" Width="182.156" Height="108.755" Canvas.Left="400.04" Canvas.Top="8.15819" Stretch="Fill" Data="F1 M 456.979,11.782C 394.482,26.7529 400.175,80.0392 400.175,80.0392C 451.926,77.2866 511.743,89.9614 544.168,116.913C 544.168,116.913 596.351,77.3162 578.461,47.7795C 560.571,18.243 506.164,0 456.979,11.782 Z ">
                                <Path.Fill>
                                    <RadialGradientBrush RadiusX="0.517553" RadiusY="0.537698" Center="0.499219,0.537801" GradientOrigin="0.499219,0.537801">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Color="#FFF87E5B" Offset="0.669492"/>
                                            <GradientStop Color="#FFE22929" Offset="1"/>
                                        </RadialGradientBrush.GradientStops>
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <SkewTransform CenterX="0.499219" CenterY="0.537801" AngleX="-1.98093" AngleY="0"/>
                                                <RotateTransform CenterX="0.499219" CenterY="0.537801" Angle="-21.8617"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>
                        </Canvas>
                    </Viewbox>
                </Canvas>
            </Viewbox>
        </Canvas>
    </Canvas>

</Window>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication3
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void LeftEye_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            LeftEye.Fill = new SolidColorBrush(Colors.Red);
        }

        private void RightEar_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            System.Windows.Media.Effects.BlurEffect blur = new System.Windows.Media.Effects.BlurEffect();
            blur.Radius = 10;
            RightEar.Effect = blur;
        }
    }
}

11.使用可视化层呈现图形数据
System.Windows.Media.Visual
派生类:
DrawingVisual
Viewport3DVisual
ContainerVisual

12.DrawingVisual
使用DrawingVisual在平面呈现数据步骤。
从DrawingVisual获取DrawingContext对象
使用DrawingContext呈现图形数据

//
更新所呈现容器中的逻辑树和可视化树
重写FrameworkElement的两个虚方法,允许容器获取你创建的可视化数据。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

raindayinrain

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值