Click here to Skip to main content
15,896,477 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.5K   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>
      <Canvas>
        <Path Data="M23.5004,13.5L6.0004,24 23.5004,34.5 23.5004,13.5z M41.5004,13.5L24.0004,24 41.5004,34.5 41.5004,13.5z" Fill="{x:Null}" StrokeThickness="3" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4" Opacity="0.15">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="24.476166,13.658564" EndPoint="23.750401,36" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#A8FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M23.5004,13.5L6.0004,24 23.5004,34.5 23.5004,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-308.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M41.5004,13.5L24.0004,24 41.5004,34.5 41.5004,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-290.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M41.5004,13.5L40.3129,14.21875 41.5004,14.09375 41.5004,13.5z M23.5004,13.75L23.03165,13.78125 19.0629,16.15625 23.5004,15.75 23.5004,13.75z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.07027025">
          <Path.Fill>
            <LinearGradientBrush StartPoint="4.43989196679688,15.6874992626953" EndPoint="4.67681496679688,17.8749992626953" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M23.5004,13.5L6.0004,24 23.5004,34.5 23.5004,13.5z M41.5004,13.5L24.0004,24 41.5004,34.5 41.5004,13.5z" Fill="{x:Null}" StrokeThickness="1.00000059604645" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="6.98891454321289,35" EndPoint="6.89737654321289,21.18799" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M23.0004,14.375L6.96915,24 23.0004,33.625 23.0004,14.375z M41.0004,14.375L24.96915,24 41.0004,33.625 41.0004,14.375z M22.0004,16.15625L22.0004,31.84375 8.90665,24 22.0004,16.15625z M40.0004,16.15625L40.0004,31.84375 26.90665,24 40.0004,16.15625z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1" />
        <Path Data="M9.9375,23.375L21.9375,16.1875 21.9375,22.9375 9.9375,23.375z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M29.3125,22.5L40,16.1875 40,21.9375 29.3125,22.5z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
      </Canvas>
      <Canvas>
        <Path Data="M24.499943,13.5L41.999943,24 24.499943,34.5 24.499943,13.5z M6.4999427,13.5L23.999943,24 6.4999427,34.5 6.4999427,13.5z" Fill="{x:Null}" StrokeThickness="3" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4" Opacity="0.15">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="24.476166,13.658564" EndPoint="23.750401,36" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#A8FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M24.499943,13.5L41.999943,24 24.499943,34.5 24.499943,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-308.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M6.4999427,13.5L23.999943,24 6.4999427,34.5 6.4999427,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-290.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M6.4999427,13.5L7.6874427,14.21875 6.4999427,14.09375 6.4999427,13.5z M24.499943,13.75L24.968693,13.78125 28.937443,16.15625 24.499943,15.75 24.499943,13.75z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.07027025">
          <Path.Fill>
            <LinearGradientBrush StartPoint="4.43989196679688,15.6874992626953" EndPoint="4.67681496679688,17.8749992626953" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M24.499943,13.5L41.999943,24 24.499943,34.5 24.499943,13.5z M6.4999427,13.5L23.999943,24 6.4999427,34.5 6.4999427,13.5z" Fill="{x:Null}" StrokeThickness="1.00000059604645" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="6.98891454321289,35" EndPoint="6.89737654321289,21.18799" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M24.999943,14.375L41.031193,24 24.999943,33.625 24.999943,14.375z M6.9999427,14.375L23.031193,24 6.9999427,33.625 6.9999427,14.375z M25.999943,16.15625L25.999943,31.84375 39.093693,24 25.999943,16.15625z M7.9999427,16.15625L7.9999427,31.84375 21.093693,24 7.9999427,16.15625z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1" />
        <Path Data="M35.587969,21.78401L26.062843,16.1875 26.062843,22.230393 35.587969,21.78401z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M20.278833,23.207107L8.0003427,16.1875 8.0003427,24.05882 20.278833,23.207107z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,51.250057220459,0.5" />
        </Canvas.RenderTransform>
      </Canvas>
      <Canvas>
        <Path Data="M43.5,13.5L43.5,34.5 26,24 43.5,13.5z M25.5,13.5L25.5,34.5 8.5,24.3125 8.5,34.5 3.5,34.5 3.5,13.5 8.5,13.5 8.5,23.6875 25.5,13.5z" Fill="{x:Null}" StrokeThickness="3" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4" Opacity="0.15">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="26.4758260151062,13.658564" EndPoint="25.7500610151062,36" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#A8FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M25.500057,13.5L8.000057,24 25.500057,34.5 25.500057,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-308.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M43.500057,13.5L26.000057,24 43.500057,34.5 43.500057,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-290.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M43.500057,13.5L42.312557,14.21875 43.500057,14.09375 43.500057,13.5z M25.500057,13.75L25.031307,13.78125 21.062557,16.15625 25.500057,15.75 25.500057,13.75z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.07027025">
          <Path.Fill>
            <LinearGradientBrush StartPoint="4.43989196679688,15.6874992626953" EndPoint="4.67681496679688,17.8749992626953" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M25.500057,13.5L8.000057,24 25.500057,34.5 25.500057,13.5z M43.500057,13.5L26.000057,24 43.500057,34.5 43.500057,13.5z" Fill="{x:Null}" StrokeThickness="1.00000059604645" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="6.98891454321289,35" EndPoint="6.89737654321289,21.18799" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M25.000057,14.375L8.968807,24 25.000057,33.625 25.000057,14.375z M43.000057,14.375L26.968807,24 43.000057,33.625 43.000057,14.375z M24.000057,16.15625L24.000057,31.84375 10.906307,24 24.000057,16.15625z M42.000057,16.15625L42.000057,31.84375 28.906307,24 42.000057,16.15625z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1" />
        <Path Data="M12.412031,23.15901L23.999657,16.1875 23.999657,22.230393 12.412031,23.15901z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M31.971167,22.144607L41.999657,16.1875 41.999657,21.74632 31.971167,22.144607z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M8.5,13.499999L3.5,13.499999 3.5,34.499999 8.5,34.499999 8.5,13.499999z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-323.946411132813,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Canvas>
          <Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF" StrokeThickness="1" Width="4" Height="20" Canvas.Left="3.9996033" Canvas.Top="-34" />
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="1,0,0,-1,0,0" />
          </Canvas.RenderTransform>
        </Canvas>
        <Path Data="M3.4996,34.499999L3.4996,13.499999 8.4996,13.499999 8.4996,34.499999 3.4996,34.499999z" Fill="{x:Null}" StrokeThickness="1" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="8.99959945678711,37.72704" EndPoint="8.99959945678711,24" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M7,24.3125L5.043263,24.649549 5.043263,15.031146 7.076195,15.031146 7,24.3125z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-2.375,30.75" />
        </Canvas.RenderTransform>
      </Canvas>
      <Canvas>
        <Path Data="M4.5,13.5L4.5,34.5 22,24 4.5,13.5z M22.5,13.5L22.5,34.5 39.5,24.3125 39.5,34.5 44.5,34.5 44.5,13.5 39.5,13.5 39.5,23.6875 22.5,13.5z" Fill="{x:Null}" StrokeThickness="3" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4" Opacity="0.15">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="24.476166,13.658564" EndPoint="23.750401,36" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#A8FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M22.499943,13.5L39.999943,24 22.499943,34.5 22.499943,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-308.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M4.4999427,13.5L21.999943,24 4.4999427,34.5 4.4999427,13.5z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-290.946014404297,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M4.4999427,13.5L5.6874427,14.21875 4.4999427,14.09375 4.4999427,13.5z M22.499943,13.75L22.968693,13.78125 26.937443,16.15625 22.499943,15.75 22.499943,13.75z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.07027025">
          <Path.Fill>
            <LinearGradientBrush StartPoint="4.43989196679688,15.6874992626953" EndPoint="4.67681496679688,17.8749992626953" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00FFFFFF" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="M22.499943,13.5L39.999943,24 22.499943,34.5 22.499943,13.5z M4.4999427,13.5L21.999943,24 4.4999427,34.5 4.4999427,13.5z" Fill="{x:Null}" StrokeThickness="1.00000059604645" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="6.98891454321289,35" EndPoint="6.89737654321289,21.18799" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M22.999943,14.375L39.031193,24 22.999943,33.625 22.999943,14.375z M4.9999427,14.375L21.031193,24 4.9999427,33.625 4.9999427,14.375z M23.999943,16.15625L23.999943,31.84375 37.093693,24 23.999943,16.15625z M5.9999427,16.15625L5.9999427,31.84375 19.093693,24 5.9999427,16.15625z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1" />
        <Path Data="M33.587969,21.78401L24.062843,16.1875 24.062843,22.230393 33.587969,21.78401z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M18.278833,23.207107L6.0003427,16.1875 6.0003427,24.05882 18.278833,23.207107z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Path Data="M39.5,13.499999L44.5,13.499999 44.5,34.499999 39.5,34.499999 39.5,13.499999z" Stroke="{x:Null}" StrokeThickness="1">
          <Path.Fill>
            <RadialGradientBrush Center="64.227074,147.99352" RadiusX="8.75" RadiusY="8.75" GradientOrigin="64.227074,147.99352" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFD3D7CF" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.222659006714821,-0.99627298116684,2.12999200820923,0.476040989160538,-323.946411132813,20.8516998291016" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Canvas>
          <Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF" StrokeThickness="1" Width="4" Height="20" Canvas.Left="-44.000397" Canvas.Top="-34" />
          <Canvas.RenderTransform>
            <MatrixTransform Matrix="-1,0,0,-1,0,0" />
          </Canvas.RenderTransform>
        </Canvas>
        <Path Data="M44.5004,34.499999L44.5004,13.499999 39.5004,13.499999 39.5004,34.499999 44.5004,34.499999z" Fill="{x:Null}" StrokeThickness="1" StrokeStartLineCap="Square" StrokeEndLineCap="Square" StrokeDashCap="Square" StrokeLineJoin="Round" StrokeMiterLimit="4">
          <Path.Stroke>
            <LinearGradientBrush StartPoint="8.99959945678711,37.72704" EndPoint="8.99959945678711,24" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFADB0A8" Offset="0" />
                <GradientStop Color="#FF464744" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Path.Stroke>
        </Path>
        <Path Data="M41,22L42.956737,21.837049 42.956737,15.031146 40.923805,15.031146 41,22z" Fill="#8FFFFFFF" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.56111109" />
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,53.3244171142578,30.5947284698486" />
        </Canvas.RenderTransform>
      </Canvas>
      <Canvas.RenderTransform>
        <MatrixTransform Matrix="1,0,0,1,0.375,-12" />
      </Canvas.RenderTransform>
    </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