Click here to Skip to main content
15,886,026 members
Articles / Desktop Programming / WPF

Convert XAML Vector Graphic to PNG

Rate me:
Please Sign up or sign in to vote.
4.87/5 (11 votes)
23 Oct 2012CPOL12 min read 74.3K   6.8K   43  
An introduction to the usage of vector graphics as a source of bitmap graphics.
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Canvas Canvas.Left="-2.010009765625" Canvas.Top="-2.13133552670479">
    <Canvas>
      <Canvas>
        <Path Data="F1M280.5,-445.5C278.22917,-445.5 276.39009,-443.94972 275.78125,-441.875 275.08802,-442.23883 274.33674,-442.5 273.5,-442.5 270.74,-442.5 268.49999,-440.26001 268.5,-437.5 268.5,-436.92107 268.66252,-436.3923 268.84375,-435.875 267.47028,-435.10426 266.5,-433.686 266.5,-432 266.5,-429.516 268.516,-427.49999 271,-427.5 271.17713,-427.5 289.82287,-427.5 290,-427.5 292.48399,-427.5 294.5,-429.516 294.5,-432 294.5,-433.686 293.52972,-435.10426 292.15625,-435.875 292.33749,-436.39229 292.5,-436.92108 292.5,-437.5 292.5,-440.26 290.26,-442.49999 287.5,-442.5 286.66326,-442.5 285.91198,-442.23883 285.21875,-441.875 284.60991,-443.94972 282.77083,-445.5 280.5,-445.5z" Fill="#FFC4C5C2" Stroke="#FF888A85" StrokeThickness="1" StrokeMiterLimit="2" />
        <Path Data="F1M280.5,-445C278.31028,-445 276.7764,-443.66423 276.10445,-441.15648 275.43599,-441.5001 274.55686,-441.98983 273.75,-441.98983 271.03349,-441.98983 268.99486,-440.05101 268.99487,-437.44429 268.99487,-436.89752 269.26208,-436.11085 269.43683,-435.62228 268.1124,-434.89433 267,-433.73178 267,-432.24973 267,-429.90368 268.54617,-427.99964 271.33928,-427.99964 271.51009,-427.99964 289.48992,-427.99964 289.66072,-427.99964 292.43173,-427.99964 294,-429.90368 294,-432.24973 294,-433.8421 292.8876,-434.91642 291.56317,-435.64437 291.73793,-436.13293 292.02724,-436.89753 292.02724,-437.44429 292.02724,-440.051 289.91143,-442.01192 287.25001,-442.01193 286.44314,-442.01193 285.6082,-441.52219 284.93974,-441.17857 284.29089,-443.60011 282.68973,-445 280.5,-445z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <LinearGradientBrush StartPoint="271.0217,-441.05182" EndPoint="285.02859,-431.96991" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-24.1981792449951,21.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="287.5173,-439.75281" EndPoint="289.67633,-436.32199" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-24.1981792449951,21.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Rectangle Fill="#FFC4C5C2" Stroke="{x:Null}" Width="20" Height="9" Canvas.Left="271" Canvas.Top="-438" />
        <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
          <Path.RenderTransform>
            <MatrixTransform Matrix="0.905659973621368,0,0,0.905659973621368,9.83019542694092,-35.6886901855469" />
          </Path.RenderTransform>
        </Path>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-17.1981105804443,24.8632106781006" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="286.51172,-441.29074" EndPoint="289.85379,-436.14453" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-17.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="285.94086,-439.939" EndPoint="289.39124,-436.4429" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Canvas>
          <Path Data="F1M280.46875,-440.96875C276.88937,-440.96875 274,-438.04812 274,-434.46875 274,-432.09807 275.34943,-430.13096 277.25,-429L283.71875,-429C285.61932,-430.13096 286.96875,-432.12931 286.96875,-434.5 286.96875,-438.07938 284.04812,-440.96875 280.46875,-440.96875z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1" />
          <Path Data="F1M280.5,-441C276.912,-441 274,-438.08799 274,-434.5 274,-432.1236 275.34485,-430.13368 277.25,-429L283.75,-429C285.65515,-430.13368 287,-432.1236 287,-434.5 287,-438.088 284.088,-440.99999 280.5,-441z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="275.94193,-437.10501" EndPoint="279.97546,-431.91833" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="1,0,0,1,-1,0" />
          </Canvas.RenderTransform>
        </Canvas>
        <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <LinearGradientBrush StartPoint="286.66589,-439.48358" EndPoint="289.76562,-436.70703" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
          <Path.RenderTransform>
            <MatrixTransform Matrix="0.905659973621368,0,0,0.905659973621368,9.83029556274414,-35.6888389587402" />
          </Path.RenderTransform>
        </Path>
        <Path Data="M292.9564,-437.33396C292.95487,-434.6494 289.68714,-433.62001 289.68714,-433.62001 289.68714,-433.62001 292.03588,-435.24596 292.02399,-437.32502 292.02399,-437.32502 292.9564,-437.33396 292.9564,-437.33396z" Fill="#FF888A85" Stroke="{x:Null}" StrokeThickness="1" />
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="284.80219,-441.23294" EndPoint="288.89954,-436.83109" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="1.14285695552826,0,0,1.14285695552826,-28.5713901519775,67.0000762939453" />
          </Canvas.RenderTransform>
        </Canvas>
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-263.989990234375,459.985504150391" />
        </Canvas.RenderTransform>
      </Canvas>
      <Canvas>
        <Canvas Opacity="0.7">
          <Path Data="F1M24,2.5L21.625,9.1875C22.399034,9.0641318 23.191406,9 24,9 24.808594,9 25.600966,9.0641317 26.375,9.1875L24,2.5z M8.8125,8.78125L11.84375,15.21875C12.779034,13.928569,13.928569,12.779034,15.21875,11.84375L8.8125,8.78125z M39.21875,8.78125L32.78125,11.84375C34.071431,12.779034,35.220966,13.928569,36.15625,15.21875L39.21875,8.78125z M9.1875,21.59375L2.5,23.96875 9.1875,26.34375C9.0673373,25.57952 9,24.797813 9,24 9,23.180625 9.0608858,22.377571 9.1875,21.59375z M38.8125,21.625C38.935868,22.399034 39,23.191406 39,24 39,24.808594 38.935868,25.600966 38.8125,26.375L45.5,24 38.8125,21.625z M11.84375,32.78125L8.8125,39.1875 15.21875,36.15625C13.928569,35.220966,12.779034,34.071431,11.84375,32.78125z M36.15625,32.78125C35.229789,34.05926,34.087617,35.194799,32.8125,36.125L39.21875,39.1875 36.15625,32.78125z M21.625,38.8125L24,45.5 26.375,38.8125C25.600966,38.935868 24.808594,39 24,39 23.191406,39 22.399034,38.935868 21.625,38.8125z" Fill="#FFFCE94F" Stroke="#FFFCAF3E" StrokeThickness="0.737328946590424" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeMiterLimit="4" />
          <Path Data="F1M24,5.25L22.65625,9.0625C23.098888,9.0231486 23.547187,9 24,9 24.452813,9 24.901112,9.0231486 25.34375,9.0625L24,5.25z M10.78125,10.75L12.5,14.375C13.071538,13.694089,13.724004,13.038745,14.40625,12.46875L10.78125,10.75z M37.25,10.75L33.625,12.46875C34.304675,13.038189,34.961811,13.695325,35.53125,14.375L37.25,10.75z M9.0625,22.625L5.28125,23.96875 9.0625,25.3125C9.024981,24.880146 9,24.442031 9,24 9,23.536406 9.0212735,23.077908 9.0625,22.625z M38.9375,22.65625C38.976851,23.098888 39,23.547187 39,24 39,24.452813 38.976851,24.901112 38.9375,25.34375L42.71875,24 38.9375,22.65625z M35.53125,33.59375C34.958293,34.27954,34.309985,34.957363,33.625,35.53125L37.25,37.25 35.53125,33.59375z M12.5,33.625L10.78125,37.21875 14.375,35.5C13.702932,34.935884,13.064116,34.297068,12.5,33.625z M22.65625,38.9375L24,42.71875 25.34375,38.9375C24.901112,38.976851 24.452813,39 24,39 23.547187,39 23.098888,38.976851 22.65625,38.9375z" Fill="{x:Null}" StrokeThickness="0.846462488174438" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeMiterLimit="4">
            <Path.Stroke>
              <RadialGradientBrush Center="23.99999,23.381506" RadiusX="19.141981" RadiusY="19.141981" GradientOrigin="23.99999,23.381506" MappingMode="Absolute">
                <RadialGradientBrush.GradientStops>
                  <GradientStop Color="#00FFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="0.75" />
                  <GradientStop Color="#FFFFFFFF" Offset="1" />
                </RadialGradientBrush.GradientStops>
                <RadialGradientBrush.Transform>
                  <MatrixTransform Matrix="1.00670099258423,2.23532603585341E-16,-2.23715006836576E-16,1.00752198696136,-0.160815998911858,0.426981002092361" />
                </RadialGradientBrush.Transform>
              </RadialGradientBrush>
            </Path.Stroke>
          </Path>
        </Canvas>
        <Canvas>
          <Canvas>
            <Path Data="F1M-22.5,-17.5A9.5,9.5,0,1,1,-41.5,-17.5A9.5,9.5,0,1,1,-22.5,-17.5z" Fill="#FFFFEE54" Stroke="#FFFCAF3E" StrokeThickness="0.759911775588989" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeMiterLimit="4">
              <Path.RenderTransform>
                <MatrixTransform Matrix="0.778061985969543,-1.0612850189209,1.06128704547882,0.778061985969543,67.4795227050781,3.64132404327393" />
              </Path.RenderTransform>
            </Path>
            <Path Data="F1M-22.5,-17.5A9.5,9.5,0,1,1,-41.5,-17.5A9.5,9.5,0,1,1,-22.5,-17.5z" Stroke="{x:Null}" StrokeThickness="1">
              <Path.Fill>
                <RadialGradientBrush Center="-33.519073,-22.113297" RadiusX="9.5" RadiusY="9.5" GradientOrigin="-33.519073,-22.113297" MappingMode="Absolute">
                  <RadialGradientBrush.GradientStops>
                    <GradientStop Color="#A3FFF7C2" Offset="0" />
                    <GradientStop Color="#2FFCAF3E" Offset="0.59394139051437378" />
                    <GradientStop Color="#81FCAF3E" Offset="0.83850550651550293" />
                    <GradientStop Color="#FFFCAF3E" Offset="1" />
                  </RadialGradientBrush.GradientStops>
                  <RadialGradientBrush.Transform>
                    <MatrixTransform Matrix="0.487738996744156,1.29240202903748,-1.10266995429993,0.497242003679276,-41.7739295959473,32.4149208068848" />
                  </RadialGradientBrush.Transform>
                </RadialGradientBrush>
              </Path.Fill>
              <Path.RenderTransform>
                <MatrixTransform Matrix="1.2442569732666,-0.167706996202469,0.216642007231712,1.25184404850006,67.6164779663086,40.5270004272461" />
              </Path.RenderTransform>
            </Path>
            <Path Data="F1M-22.5,-17.5A9.5,9.5,0,1,1,-41.5,-17.5A9.5,9.5,0,1,1,-22.5,-17.5z" Fill="{x:Null}" StrokeThickness="0.826019465923309" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeMiterLimit="4">
              <Path.Stroke>
                <LinearGradientBrush StartPoint="-28.968945,-25.326815" EndPoint="-37.19698,-9.5590506" MappingMode="Absolute" SpreadMethod="Pad">
                  <LinearGradientBrush.GradientStops>
                    <GradientStop Color="#FFFFF9C6" Offset="0" />
                    <GradientStop Color="#FFFFF28C" Offset="0.54166668653488159" />
                    <GradientStop Color="#FFFFEA85" Offset="1" />
                  </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
              </Path.Stroke>
              <Path.RenderTransform>
                <MatrixTransform Matrix="0.715790987014771,-0.976348996162415,0.976350009441376,0.715792000293732,64.0004425048828,5.26954412460327" />
              </Path.RenderTransform>
            </Path>
          </Canvas>
        </Canvas>
      </Canvas>
      <Canvas>
        <Path Data="F1M280.5,-445.5C278.22917,-445.5 276.39009,-443.94972 275.78125,-441.875 275.08802,-442.23883 274.33674,-442.5 273.5,-442.5 270.74,-442.5 268.49999,-440.26001 268.5,-437.5 268.5,-436.92107 268.66252,-436.3923 268.84375,-435.875 267.47028,-435.10426 266.5,-433.686 266.5,-432 266.5,-429.516 268.516,-427.49999 271,-427.5 271.17713,-427.5 289.82287,-427.5 290,-427.5 292.48399,-427.5 294.5,-429.516 294.5,-432 294.5,-433.686 293.52972,-435.10426 292.15625,-435.875 292.33749,-436.39229 292.5,-436.92108 292.5,-437.5 292.5,-440.26 290.26,-442.49999 287.5,-442.5 286.66326,-442.5 285.91198,-442.23883 285.21875,-441.875 284.60991,-443.94972 282.77083,-445.5 280.5,-445.5z" Fill="#FFC4C5C2" Stroke="#FF888A85" StrokeThickness="1" StrokeMiterLimit="2" />
        <Path Data="F1M280.5,-445C278.31028,-445 276.7764,-443.66423 276.10445,-441.15648 275.43599,-441.5001 274.55686,-441.98983 273.75,-441.98983 271.03349,-441.98983 268.99486,-440.05101 268.99487,-437.44429 268.99487,-436.89752 269.26208,-436.11085 269.43683,-435.62228 268.1124,-434.89433 267,-433.73178 267,-432.24973 267,-429.90368 268.54617,-427.99964 271.33928,-427.99964 271.51009,-427.99964 289.48992,-427.99964 289.66072,-427.99964 292.43173,-427.99964 294,-429.90368 294,-432.24973 294,-433.8421 292.8876,-434.91642 291.56317,-435.64437 291.73793,-436.13293 292.02724,-436.89753 292.02724,-437.44429 292.02724,-440.051 289.91143,-442.01192 287.25001,-442.01193 286.44314,-442.01193 285.6082,-441.52219 284.93974,-441.17857 284.29089,-443.60011 282.68973,-445 280.5,-445z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <LinearGradientBrush StartPoint="271.0217,-441.05182" EndPoint="285.02859,-431.96991" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-24.1981792449951,21.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="287.5173,-439.75281" EndPoint="289.67633,-436.32199" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-24.1981792449951,21.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Rectangle Fill="#FFC4C5C2" Stroke="{x:Null}" Width="20" Height="9" Canvas.Left="271" Canvas.Top="-438" />
        <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
          <Path.RenderTransform>
            <MatrixTransform Matrix="0.905659973621368,0,0,0.905659973621368,9.83019542694092,-35.6886901855469" />
          </Path.RenderTransform>
        </Path>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-17.1981105804443,24.8632106781006" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="286.51172,-441.29074" EndPoint="289.85379,-436.14453" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-17.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="285.94086,-439.939" EndPoint="289.39124,-436.4429" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
        </Canvas>
        <Canvas>
          <Path Data="F1M280.46875,-440.96875C276.88937,-440.96875 274,-438.04812 274,-434.46875 274,-432.09807 275.34943,-430.13096 277.25,-429L283.71875,-429C285.61932,-430.13096 286.96875,-432.12931 286.96875,-434.5 286.96875,-438.07938 284.04812,-440.96875 280.46875,-440.96875z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1" />
          <Path Data="F1M280.5,-441C276.912,-441 274,-438.08799 274,-434.5 274,-432.1236 275.34485,-430.13368 277.25,-429L283.75,-429C285.65515,-430.13368 287,-432.1236 287,-434.5 287,-438.088 284.088,-440.99999 280.5,-441z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="275.94193,-437.10501" EndPoint="279.97546,-431.91833" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="1,0,0,1,-1,0" />
          </Canvas.RenderTransform>
        </Canvas>
        <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <LinearGradientBrush StartPoint="286.66589,-439.48358" EndPoint="289.76562,-436.70703" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
          <Path.RenderTransform>
            <MatrixTransform Matrix="0.905659973621368,0,0,0.905659973621368,9.83029556274414,-35.6888389587402" />
          </Path.RenderTransform>
        </Path>
        <Path Data="M292.9564,-437.33396C292.95487,-434.6494 289.68714,-433.62001 289.68714,-433.62001 289.68714,-433.62001 292.03588,-435.24596 292.02399,-437.32502 292.02399,-437.32502 292.9564,-437.33396 292.9564,-437.33396z" Fill="#FF888A85" Stroke="{x:Null}" StrokeThickness="1" />
        <Canvas>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Fill="#FFC4C5C2" Stroke="{x:Null}" StrokeThickness="1">
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Path Data="F1M291.6875,-437.59375A3.3125,3.3125,0,1,1,285.0625,-437.59375A3.3125,3.3125,0,1,1,291.6875,-437.59375z" Stroke="{x:Null}" StrokeThickness="1">
            <Path.Fill>
              <LinearGradientBrush StartPoint="284.80219,-441.23294" EndPoint="288.89954,-436.83109" MappingMode="Absolute" SpreadMethod="Pad">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Color="#FFFFFFFF" Offset="0" />
                  <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
              <MatrixTransform Matrix="1.05660402774811,0,0,1.05660402774811,-31.1981792449951,24.8633098602295" />
            </Path.RenderTransform>
          </Path>
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="1.14285695552826,0,0,1.14285695552826,-28.5713901519775,67.0000762939453" />
          </Canvas.RenderTransform>
        </Canvas>
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-248.990005493164,467.985504150391" />
        </Canvas.RenderTransform>
      </Canvas>
    </Canvas>
  </Canvas>
</Canvas>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Germany Germany
The Windows Presentation Foundation (WPF) and C# are among my favorites and so I developed Edi

and a few other projects on GitHub. I am normally an algorithms and structure type but WPF has such interesting UI sides that I cannot help myself but get into it.

https://de.linkedin.com/in/dirkbahle

Comments and Discussions