Click here to Skip to main content
15,896,727 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.Left="-0.224374154922998" Canvas.Top="-3.05505356192589">
    <Canvas>
      <Path Data="M42.779962,13.351768A6.1871843,6.1871843,0,1,1,30.405593,13.351768A6.1871843,6.1871843,0,1,1,42.779962,13.351768z" Fill="#FF4C4D4A" Stroke="#FF2E3436" StrokeThickness="1" StrokeMiterLimit="4">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,0.0944069921970367,-0.0389518663287163" />
        </Path.RenderTransform>
      </Path>
      <Canvas>
        <Rectangle Stroke="{x:Null}" Width="1339.6335" Height="478.35718" Opacity="0.40206185" Canvas.Left="-1559.2523" Canvas.Top="-150.69685">
          <Rectangle.Fill>
            <LinearGradientBrush StartPoint="507.316899099553,4.42934847058041E-05" EndPoint="507.316899099553,478.357303090243" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#00000000" Offset="0" />
                <GradientStop Color="#FF000000" Offset="0.5" />
                <GradientStop Color="#00000000" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Rectangle.Fill>
        </Rectangle>
        <Path Data="F1M-219.61876,-150.68038C-219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.40206185">
          <Path.Fill>
            <RadialGradientBrush Center="605.71429,486.64789" RadiusX="117.14286" RadiusY="117.14286" GradientOrigin="605.71429,486.64789" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00000000" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="2.77438902854919,0,0,1.9697060585022,-1891.63305664063,-872.885375976563" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path Data="F1M-1559.2523,-150.68038C-1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.40206185">
          <Path.Fill>
            <RadialGradientBrush Center="605.71429,486.64789" RadiusX="117.14286" RadiusY="117.14286" GradientOrigin="605.71429,486.64789" MappingMode="Absolute">
              <RadialGradientBrush.GradientStops>
                <GradientStop Color="#FF000000" Offset="0" />
                <GradientStop Color="#00000000" Offset="1" />
              </RadialGradientBrush.GradientStops>
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="-2.77438902854919,0,0,1.9697060585022,112.762298583984,-872.885375976563" />
              </RadialGradientBrush.Transform>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="0.0224342476576567,0,0,0.0208675786852837,42.9538192749023,39.4035987854004" />
        </Canvas.RenderTransform>
      </Canvas>
      <Path Data="M5.375,3.5625C4.3091499,3.7244607,3.5,4.6375206,3.5,5.75L3.5,40.25C3.5,41.477563,4.4911865,42.437501,5.71875,42.4375L40.28125,42.4375C41.508813,42.4375,42.5,41.477563,42.5,40.25L42.5,19.5C41.339454,19.426907,40.40625,18.460862,40.40625,17.28125L40.40625,9.71875C40.40625,8.5391382,41.339452,7.5730933,42.5,7.5L42.5,5.75C42.5,4.5224367,41.508812,3.5625,40.28125,3.5625L5.71875,3.5625C5.6036659,3.5625,5.4852604,3.5457454,5.375,3.5625z" Stroke="#FF2E3436" StrokeThickness="0.999999821186066" StrokeMiterLimit="4">
        <Path.Fill>
          <LinearGradientBrush StartPoint="23,3.0479441" EndPoint="23,42.952038" MappingMode="Absolute" SpreadMethod="Pad">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="#FF888A85" Offset="0" />
              <GradientStop Color="#FFA9AAA7" Offset="0.10810811072587967" />
              <GradientStop Color="#FF6C6E6A" Offset="0.39737033843994141" />
              <GradientStop Color="#FF81837E" Offset="0.54395592212677" />
              <GradientStop Color="#FF747671" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Path.Fill>
      </Path>
      <Path Data="M40.12831,42.961864A7.7781744,6.2755728,0,1,1,24.571961,42.961864A7.7781744,6.2755728,0,1,1,40.12831,42.961864z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.350136,42.961864" RadiusX="7.7781744" RadiusY="7.7781744" GradientOrigin="32.350136,42.961864" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FF000000" Offset="0" />
              <GradientStop Color="#00000000" Offset="1" />
            </RadialGradientBrush.GradientStops>
            <RadialGradientBrush.Transform>
              <MatrixTransform Matrix="1,0,0,0.806818008422852,5.96658266617165E-15,8.2994499206543" />
            </RadialGradientBrush.Transform>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.37322700023651,0,0,1.60437798500061,-17.4478702545166,-31.5165100097656" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M40.12831,42.961864A7.7781744,6.2755728,0,1,1,24.571961,42.961864A7.7781744,6.2755728,0,1,1,40.12831,42.961864z" Fill="#FFB0B0B0" Stroke="#FF474747" StrokeThickness="0.788428425788879" StrokeMiterLimit="4">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.17342603206635,0,0,1.37094497680664,-12.0449600219727,-21.3110294342041" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M40.12831,42.961864A7.7781744,6.2755728,0,1,1,24.571961,42.961864A7.7781744,6.2755728,0,1,1,40.12831,42.961864z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.350128,41.432411" RadiusX="8.2539635" RadiusY="8.2539635" GradientOrigin="32.350128,41.432411" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFFFFFFF" Offset="0" />
              <GradientStop Color="#FFDDDDDD" Offset="1" />
            </RadialGradientBrush.GradientStops>
            <RadialGradientBrush.Transform>
              <MatrixTransform Matrix="1.53542995452881,5.9367787354946E-31,-6.20053098575697E-31,1.25591099262238,-17.3212203979492,-10.9944095611572" />
            </RadialGradientBrush.Transform>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1.10436105728149,-6.18462085723877,-8.73310565948486" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M6.2036081,4.4761442C5.1878668,4.6304906,4.4167575,5.5006248,4.4167575,6.5608033L4.4167575,39.438855C4.4167575,40.608706,5.3613453,41.523515,6.5311974,41.523514L39.468811,41.523514C40.638662,41.523514,41.58325,40.608706,41.58325,39.438855L41.58325,20.327288C40.477265,20.257631,39.587934,19.160225,39.587934,18.036071L39.587934,9.1497273C39.587934,8.025573,40.477263,6.9723623,41.58325,6.9027053L41.58325,6.0304732C41.58325,4.8606213,40.638661,4.4761442,39.468811,4.4761442L6.5311974,4.4761442C6.4215238,4.4761442,6.3086849,4.4601773,6.2036081,4.4761442z" Fill="{x:Null}" StrokeThickness="1" StrokeMiterLimit="4" Opacity="0.28140702">
        <Path.Stroke>
          <LinearGradientBrush StartPoint="14.700136,-2.2827868" EndPoint="36.779945,50.396667" MappingMode="Absolute" SpreadMethod="Pad">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="#FFFFFFFF" Offset="0" />
              <GradientStop Color="#00FFFFFF" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Path.Stroke>
      </Path>
      <Rectangle RadiusX="1.3319347" RadiusY="1.3319347" Stroke="{x:Null}" Width="28" Height="7" Opacity="0.28140702" Canvas.Left="8" Canvas.Top="8">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="14,-1.19493877666056" EndPoint="14,8.75833702486158" MappingMode="Absolute" SpreadMethod="Pad">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="#FF000000" Offset="0" />
              <GradientStop Color="#FFFFFFFF" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Rectangle RadiusX="0.62482792" RadiusY="0.62482792" Fill="#FF858F4A" Stroke="{x:Null}" Width="24.995237" Height="5" Canvas.Left="9.5023813" Canvas.Top="9" />
      <Path Data="M10,9C9.949065,9.0103701 9.889295,9.0406175 9.84375,9.0625 9.808331,9.0816933 9.749586,9.130823 9.71875,9.15625 9.70397,9.1696782 9.669678,9.2039696 9.65625,9.21875 9.567256,9.3266747 9.5,9.4735572 9.5,9.625L9.5,12.21875C12.146211,12.602725 15.034555,12.8125 18.0625,12.8125 24.51413,12.8125 30.337531,11.855998 34.5,10.3125L34.5,9.625C34.5,9.4735573 34.432744,9.3266747 34.34375,9.21875 34.330322,9.2039696 34.29603,9.1696782 34.28125,9.15625 34.250414,9.130823 34.191669,9.0816933 34.15625,9.0625 34.074268,9.0231115 33.972356,9 33.875,9L10.125,9C10.081731,9,10.040748,8.9917039,10,9z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.40201003">
        <Path.Fill>
          <RadialGradientBrush Center="18.873476,5.8855872" RadiusX="12.5" RadiusY="12.5" GradientOrigin="18.873476,5.8855872" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFFFFFFF" Offset="0" />
              <GradientStop Color="#00FFFFFF" Offset="1" />
            </RadialGradientBrush.GradientStops>
            <RadialGradientBrush.Transform>
              <MatrixTransform Matrix="1.62969601154327,8.26341355103531E-18,-3.60626103708311E-16,1.26285302639008,-13.8845500946045,-0.417317003011703" />
            </RadialGradientBrush.Transform>
          </RadialGradientBrush>
        </Path.Fill>
      </Path>
      <Path Data="F1M5.7944869,27.7462L6.6029375,27.7462C6.9045705,27.746203 7.1331344,27.811089 7.2886298,27.94086 7.4441216,28.070635 7.5218683,28.261202 7.5218704,28.512562 7.5218683,28.753404 7.4347686,28.95274 7.2605708,29.11057 7.0875385,29.267234 6.8490371,29.345566 6.5450657,29.345565L6.2802587,29.345565 6.2802587,30.26099 5.7944869,30.26099 5.7944869,27.7462 M6.2802587,28.961507L6.538051,28.961507C6.7028965,28.961508 6.8268237,28.925265 6.909833,28.852778 6.9928394,28.780294 7.0343434,28.671565 7.0343449,28.526592 7.0343434,28.392144 6.9928394,28.2916 6.909833,28.224957 6.8268237,28.15715 6.7028965,28.123246 6.538051,28.123244L6.2802587,28.123244 6.2802587,28.961507 M8.9686637,27.711127C9.3088776,27.711129 9.5830374,27.826873 9.7911437,28.058357 9.9992458,28.288677 10.103298,28.595572 10.1033,28.979044 10.103298,29.376547 9.9945693,29.695134 9.7771142,29.934804 9.5596549,30.173306 9.2697119,30.292557 8.9072846,30.292557 8.5588841,30.292557 8.2771251,30.176813 8.0620066,29.945326 7.8480563,29.71384 7.7410814,29.409867 7.7410816,29.033408 7.7410814,28.633569 7.8533174,28.313228 8.0777898,28.072387 8.3034304,27.831549 8.6003881,27.711129 8.9686637,27.711127 M8.916053,29.887454C9.125325,29.887455 9.2942636,29.810293 9.4228691,29.655968 9.551471,29.501644 9.6157729,29.288863 9.6157749,29.017625 9.6157729,28.740543 9.5520556,28.522502 9.4246228,28.363499 9.2983555,28.203331 9.1288324,28.123246 8.916053,28.123244 8.7079475,28.123246 8.5401781,28.203915 8.4127444,28.365253 8.285309,28.525425 8.2215917,28.740543 8.2215923,29.01061 8.2215917,29.278341 8.285309,29.491706 8.4127444,29.650706 8.5413473,29.808539 8.7091167,29.887455 8.916053,29.887454 M12.781183,30.26099L12.274367,30.26099 11.074844,28.489764C11.044446,28.447678,11.01931,28.396236,10.999436,28.33544L10.988913,28.33544C11.002942,28.403251,11.009957,28.463461,11.009958,28.51607L11.009958,30.26099 10.561013,30.26099 10.561013,27.7462 11.095888,27.7462 12.249816,29.466569C12.276704,29.508658,12.304178,29.558931,12.332239,29.617386L12.342761,29.617386C12.331068,29.5601,12.325222,29.491122,12.325224,29.410451L12.325224,27.7462 12.781183,27.7462 12.781183,30.26099 M15.169707,27.7462L14.340212,29.308737 14.340212,30.26099 13.859701,30.26099 13.859701,29.319259 13.051251,27.7462 13.586126,27.7462 13.922834,28.509055C14.026885,28.742882 14.084173,28.874993 14.094696,28.905389 14.105217,28.935787 14.112816,28.961508 14.117494,28.982551L14.121001,28.982551C14.13503,28.935787,14.147305,28.901298,14.157829,28.879083L14.675167,27.7462 15.169707,27.7462" Fill="#FF1F1F1F" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.29070794582367,0,0,0.774769008159637,0,0" />
        </Path.RenderTransform>
      </Path>
      <Path Data="F1M5.7944829,27.518018L6.602933,27.518018C6.9045659,27.518021 7.1331297,27.582907 7.288625,27.712677 7.4441167,27.842452 7.5218635,28.03302 7.5218655,28.28438 7.5218635,28.525221 7.4347637,28.724557 7.260566,28.882387 7.0875339,29.039051 6.8490326,29.117382 6.5450613,29.117381L6.2802545,29.117381 6.2802545,30.032806 5.7944829,30.032806 5.7944829,27.518018 M6.2802545,28.733324L6.5380466,28.733324C6.702892,28.733325 6.8268192,28.697082 6.9098284,28.624595 6.9928348,28.552111 7.0343387,28.443382 7.0343403,28.298409 7.0343387,28.163962 6.9928348,28.063417 6.9098284,27.996775 6.8268192,27.928968 6.702892,27.895063 6.5380466,27.895061L6.2802545,27.895061 6.2802545,28.733324 M8.968658,27.482944C9.3088717,27.482947 9.5830313,27.59869 9.7911376,27.830174 9.9992395,28.060494 10.103292,28.367389 10.103294,28.750861 10.103292,29.148364 9.994563,29.46695 9.7771081,29.70662 9.5596488,29.945122 9.2697061,30.064373 8.9072789,30.064373 8.5588786,30.064373 8.2771197,29.948629 8.0620013,29.717143 7.8480512,29.485656 7.7410763,29.181684 7.7410765,28.805225 7.7410763,28.405386 7.8533122,28.085046 8.0777845,27.844204 8.303425,27.603367 8.6003825,27.482947 8.968658,27.482944 M8.9160473,29.659271C9.1253192,29.659271 9.2942577,29.582109 9.4228631,29.427784 9.551465,29.27346 9.6157668,29.06068 9.6157688,28.789442 9.6157668,28.512361 9.5520495,28.294319 9.4246168,28.135316 9.2983496,27.975148 9.1288266,27.895063 8.9160473,27.895061 8.7079419,27.895063 8.5401726,27.975733 8.4127389,28.13707 8.2853036,28.297242 8.2215863,28.512361 8.2215869,28.782427 8.2215863,29.050158 8.2853036,29.263523 8.4127389,29.422523 8.5413418,29.580355 8.7091111,29.659271 8.9160473,29.659271 M12.781175,30.032806L12.27436,30.032806 11.074837,28.261582C11.044439,28.219495,11.019303,28.168054,10.999429,28.107257L10.988906,28.107257C11.002935,28.175068,11.00995,28.235278,11.009951,28.287887L11.009951,30.032806 10.561007,30.032806 10.561007,27.518018 11.095881,27.518018 12.249808,29.238386C12.276696,29.280475,12.30417,29.330747,12.332231,29.389203L12.342753,29.389203C12.33106,29.331917,12.325214,29.262938,12.325217,29.182268L12.325217,27.518018 12.781175,27.518018 12.781175,30.032806 M15.169698,27.518018L14.340204,29.080554 14.340204,30.032806 13.859693,30.032806 13.859693,29.091076 13.051243,27.518018 13.586118,27.518018 13.922826,28.280872C14.026877,28.514699 14.084164,28.64681 14.094688,28.677206 14.105209,28.707604 14.112808,28.733325 14.117486,28.754368L14.120993,28.754368C14.135021,28.707604,14.147297,28.673115,14.15782,28.6509L14.675158,27.518018 15.169698,27.518018" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.29070794582367,0,0,0.774769008159637,0,0" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M30.03125,20.000248C28.64685,20.035361 27.531249,21.169936 27.53125,22.562748 27.53125,23.977669 28.678829,25.125247 30.09375,25.125248 31.000184,25.125248 31.983569,23.968998 33,23.968998 34.018351,23.968998 34.964145,25.125247 35.875,25.125248 37.289921,25.125248 38.437502,23.977669 38.4375,22.562748 38.4375,21.147827 37.289921,20.000249 35.875,20.000248 34.955302,20.000248 34.080743,21.218998 33,21.218998 31.856856,21.218998 31.009027,20.000249 30.09375,20.000248 30.071642,20.000248 30.053225,19.999691 30.03125,20.000248z" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.28140702">
        <Path.Fill>
          <LinearGradientBrush StartPoint="32.984375,19.9999994532142" EndPoint="32.984375,25.8523354436944" MappingMode="Absolute" SpreadMethod="Pad">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="#FF000000" Offset="0" />
              <GradientStop Color="#FFFFFFFF" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Path.Fill>
      </Path>
      <Path Data="M33.34375,22.4375A1.21875,1.21875,0,1,1,30.90625,22.4375A1.21875,1.21875,0,1,1,33.34375,22.4375z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.125,22.03125" RadiusX="1.21875" RadiusY="1.21875" GradientOrigin="32.125,22.03125" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFD4D4D4" Offset="0" />
              <GradientStop Color="#FF666666" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.28205096721649,0,0,1.28205096721649,-11.1546497344971,-6.20351982116699" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M33.34375,22.4375A1.21875,1.21875,0,1,1,30.90625,22.4375A1.21875,1.21875,0,1,1,33.34375,22.4375z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.125,22.03125" RadiusX="1.21875" RadiusY="1.21875" GradientOrigin="32.125,22.03125" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFD4D4D4" Offset="0" />
              <GradientStop Color="#FF666666" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="1.28205096721649,0,0,1.28205096721649,-5.15465021133423,-6.20351982116699" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M33.34375,22.4375A1.21875,1.21875,0,1,1,30.90625,22.4375A1.21875,1.21875,0,1,1,33.34375,22.4375z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.125,22.03125" RadiusX="1.21875" RadiusY="1.21875" GradientOrigin="32.125,22.03125" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFD4D4D4" Offset="0" />
              <GradientStop Color="#FF666666" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="0.871793985366821,0,0,0.871793985366821,-18.9438800811768,17.5016193389893" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M33.34375,22.4375A1.21875,1.21875,0,1,1,30.90625,22.4375A1.21875,1.21875,0,1,1,33.34375,22.4375z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.125,22.03125" RadiusX="1.21875" RadiusY="1.21875" GradientOrigin="32.125,22.03125" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFD4D4D4" Offset="0" />
              <GradientStop Color="#FF666666" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="0.871793985366821,0,0,0.871793985366821,-15.9438800811768,17.3766193389893" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M33.34375,22.4375A1.21875,1.21875,0,1,1,30.90625,22.4375A1.21875,1.21875,0,1,1,33.34375,22.4375z" Stroke="{x:Null}" StrokeThickness="1">
        <Path.Fill>
          <RadialGradientBrush Center="32.125,22.03125" RadiusX="1.21875" RadiusY="1.21875" GradientOrigin="32.125,22.03125" MappingMode="Absolute">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="#FFD4D4D4" Offset="0" />
              <GradientStop Color="#FF666666" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Path.Fill>
        <Path.RenderTransform>
          <MatrixTransform Matrix="0.871793985366821,0,0,0.871793985366821,-12.9438800811768,17.5016193389893" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M40.447811,37.298096C40.447811,37.298096 46.86789,36.302113 46.458219,33.32062 46.060472,30.425901 42.922686,30.845747 42.922686,30.845747" Fill="{x:Null}" StrokeThickness="2" StrokeMiterLimit="4">
        <Path.Stroke>
          <LinearGradientBrush StartPoint="43.462418,30.56131" EndPoint="44.977024,35.43631" MappingMode="Absolute" SpreadMethod="Pad">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="#FF808080" Offset="0" />
              <GradientStop Color="#FFC0C0C0" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Path.Stroke>
      </Path>
      <Canvas>
        <Rectangle RadiusX="2.0329304" RadiusY="2.0329304" Fill="#FFBEBEBE" Stroke="#FFBEBEBE" StrokeThickness="0.99999874830246" Width="18.5008777483025" Height="5.06585944830246" Canvas.Left="11.4941416258488" Canvas.Top="45.3805016258488" />
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="0.954927980899811,-0.296837002038956,0.296837002038956,0.954927980899811,0,0" />
        </Canvas.RenderTransform>
      </Canvas>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-4.82219123840332,-1.76395797729492" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FF959595" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-4.94719123840332,-1.95145797729492" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-3.54056096076965,-3.92947292327881" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FF959595" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-3.66556096076965,-4.11697292327881" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FFFFFFFF" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-1.50762104988098,-5.03432703018188" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FFC4C4C4" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-1.63262104988098,-5.22182703018188" />
        </Path.RenderTransform>
      </Path>
      <Path Data="M26.870057,40.840546A0.61871845,0.61871845,0,1,1,25.632621,40.840546A0.61871845,0.61871845,0,1,1,26.870057,40.840546z" Fill="#FF959595" Stroke="{x:Null}" StrokeThickness="1">
        <Path.RenderTransform>
          <MatrixTransform Matrix="1,0,0,1,-1.63262104988098,-5.22182703018188" />
        </Path.RenderTransform>
      </Path>
      <Canvas>
        <Rectangle RadiusX="2.0329304" RadiusY="1.946794" Stroke="#FFBEBEBE" StrokeThickness="0.99999874830246" Width="13.9977397483025" Height="4.96191134830246" Canvas.Left="11.4941416258488" Canvas.Top="45.3805016258488">
          <Rectangle.Fill>
            <LinearGradientBrush StartPoint="8.472116,0.512145999999994" EndPoint="8.501793,3.760147" MappingMode="Absolute" SpreadMethod="Pad">
              <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFFFFF" Offset="0" />
                <GradientStop Color="#FFCBCBCB" Offset="1" />
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Rectangle.Fill>
        </Rectangle>
        <Canvas.RenderTransform>
          <MatrixTransform Matrix="0.954927980899811,-0.296837002038956,0.296837002038956,0.954927980899811,0,0" />
        </Canvas.RenderTransform>
      </Canvas>
      <Path Data="M11.5625,10.658537L11.5625,12.341463 13,11.464939 11.5625,10.658537z" Fill="#95000000" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.58333333" />
      <Path Data="F1M14.46875,10.223621L14.46875,10.176186C14.473268,10.155857 14.484561,10.135528 14.502632,10.115199 14.522961,10.094871 14.545549,10.0768 14.570396,10.060987 14.595242,10.042918 14.620089,10.028236 14.644936,10.016941 14.672042,10.005647 14.694629,10.000001 14.7127,10L15.817252,10 15.817252,10.711521C15.810474,10.729591 15.798051,10.748791 15.779982,10.76912 15.76191,10.787191 15.741581,10.805262 15.718994,10.823332 15.696405,10.839143 15.672688,10.852696 15.647842,10.86399 15.625253,10.875284 15.606053,10.880931 15.590243,10.880931L15.583467,10.880931 14.46875,10.880931 14.46875,10.223621 M15.549585,10.206679L14.871946,10.206679C14.838063,10.217974 14.812087,10.232657 14.794017,10.250726 14.775946,10.268797 14.762394,10.291386 14.753359,10.31849L14.753359,10.677639 15.414057,10.677639C15.461491,10.666345 15.494244,10.652793 15.512315,10.636981 15.530384,10.62117 15.542808,10.595194 15.549585,10.559052L15.549585,10.206679 M15.956962,10L15.956962,10.880931 16.234795,10.880931 16.234795,10.525171 16.773518,10.525171C16.789328,10.525171 16.802881,10.529688 16.814176,10.538723 16.827728,10.547758 16.840151,10.560182 16.851446,10.575993 16.862739,10.589546 16.874033,10.604229 16.885328,10.62004 16.89888,10.633593 16.911303,10.646016 16.922598,10.65731 16.940667,10.682157 16.97342,10.756697 17.020856,10.880931L17.356288,10.880931C17.356286,10.851567 17.349509,10.818814 17.335959,10.782673 17.322404,10.746532 17.304334,10.709262 17.281747,10.670863 17.259157,10.632464 17.233182,10.595194 17.203819,10.559052 17.176712,10.522912 17.147348,10.490159 17.115726,10.460795L17.356288,10.460795C17.351768,10.431431 17.341604,10.399808 17.325794,10.365925 17.30998,10.329785 17.279487,10.284609 17.234313,10.230397 17.211723,10.205551 17.185747,10.179575 17.156384,10.152469 17.127019,10.125364 17.093136,10.101647 17.054738,10.081317 17.018596,10.058729 16.979067,10.040659 16.936152,10.027105 16.895492,10.011295 16.852575,10.00226 16.807399,10L15.956962,10 M16.234795,10.355761L16.234795,10.18635 16.759965,10.18635C16.773517,10.190869 16.78707,10.196516 16.800623,10.203292 16.814175,10.210069 16.831116,10.223622 16.851446,10.24395 16.871774,10.26428 16.887586,10.284609 16.898881,10.304938 16.910174,10.325267 16.918079,10.342208 16.922598,10.355761L16.234795,10.355761 M17.494886,10L17.494886,10.880931 18.894211,10.880931C18.89421,10.851567 18.887433,10.818814 18.873882,10.782673 18.860328,10.746532 18.842257,10.709262 18.819671,10.670863 18.797081,10.632464 18.771105,10.595194 18.741742,10.559052 18.714636,10.522912 18.685271,10.490159 18.653649,10.460795L18.894211,10.460795C18.889692,10.431431 18.879527,10.400937 18.863717,10.369313 18.847904,10.335432 18.81741,10.290256 18.772236,10.233786 18.751906,10.20668 18.725929,10.179575 18.694307,10.152469 18.664942,10.125364 18.63106,10.101647 18.592662,10.081317 18.556519,10.058729 18.51699,10.040659 18.474074,10.027105 18.433416,10.011295 18.390498,10.00226 18.345323,10L17.494886,10 M17.776106,10.694581L17.776106,10.525171 18.311442,10.525171C18.336287,10.525171 18.361134,10.542112 18.385981,10.575993 18.410827,10.607616 18.430027,10.647145 18.443581,10.694581L17.776106,10.694581 M17.772718,10.355761L17.772718,10.18635 18.297888,10.18635C18.311441,10.190869 18.324993,10.196516 18.338547,10.203292 18.352099,10.210069 18.36904,10.223622 18.38937,10.24395 18.409698,10.26428 18.425509,10.284609 18.436804,10.304938 18.448097,10.325267 18.456003,10.342208 18.460522,10.355761L17.772718,10.355761 M19.04173,10L19.04173,10.880931 19.326338,10.880931 19.326338,10 19.04173,10 M20.558345,10.18635L20.558345,10 19.47751,10 19.47751,10.18635 19.870541,10.18635 19.870541,10.880931 20.165315,10.880931 20.165315,10.267667 20.165315,10.18635 20.558345,10.18635 M20.699194,10.880931L20.699194,10.182963C20.708229,10.160375 20.721781,10.137787 20.739852,10.115199 20.760181,10.092612 20.782768,10.073412 20.807616,10.057599 20.832462,10.03953 20.857309,10.025977 20.882156,10.016941 20.907003,10.005647 20.929591,10.000001 20.94992,10L22.054472,10 22.054472,10.880931 21.769864,10.880931 21.769864,10.65731 20.970249,10.65731 20.970249,10.880931 20.699194,10.880931 M21.769864,10.4879L21.769864,10.206679 21.109166,10.206679C21.061729,10.217974 21.028978,10.231527 21.010907,10.247338 20.992836,10.263151 20.979284,10.286867 20.970249,10.31849L20.970249,10.4879 21.769864,10.4879 M22.178141,10L22.466138,10 22.466138,10.609875C22.484208,10.655052,22.525995,10.683287,22.591501,10.694581L23.262364,10.694581 23.262364,10.880931 22.449197,10.880931C22.424349,10.880931 22.396115,10.874155 22.364492,10.860602 22.332868,10.844791 22.303504,10.825591 22.276399,10.803003 22.249293,10.778156 22.225576,10.75218 22.205247,10.725074 22.187176,10.69571 22.178141,10.668604 22.178141,10.643758L22.178141,10 M24.828372,10.355761L24.828372,10.525171 24.204944,10.525171 24.204944,10.355761 24.828372,10.355761 M25.804888,10L25.804888,10.880931 26.089496,10.880931 26.089496,10 25.804888,10 M28.726334,10L28.726334,10.697968C28.717297,10.720556 28.702615,10.743145 28.682287,10.765733 28.664215,10.786061 28.642756,10.805262 28.617911,10.823332 28.595322,10.839143 28.570475,10.852696 28.543371,10.86399 28.518523,10.875284 28.495935,10.880931 28.475607,10.880931L28.011424,10.880931 28.011424,10.745403C27.95947,10.790579 27.915425,10.824461 27.879284,10.847049 27.843143,10.869637 27.809261,10.880931 27.777638,10.880931L27.059341,10.880931 27.059341,10 27.34395,10 27.34395,10.674251 27.618393,10.674251C27.665828,10.662957 27.69858,10.649404 27.716652,10.633593 27.734721,10.617781 27.748273,10.594064 27.757309,10.562441L27.757309,10 28.028365,10 28.028365,10.674251 28.316362,10.674251C28.363795,10.662957 28.396548,10.649404 28.41462,10.633593 28.432689,10.617781 28.446241,10.594064 28.455278,10.562441L28.455278,10 28.726334,10 M28.87147,10L28.87147,10.880931 29.156079,10.880931 29.156079,10 28.87147,10 M29.307251,10.687803L29.307251,10.880931 30.489731,10.880931C30.523611,10.880931 30.555235,10.873026 30.5846,10.857213 30.613963,10.839143 30.638811,10.817685 30.659141,10.792838 30.681728,10.765733 30.698669,10.736368 30.709964,10.704745 30.723515,10.673122 30.730292,10.641499 30.730293,10.609875 30.730292,10.589546 30.725774,10.5647 30.71674,10.535335 30.707704,10.505971 30.69528,10.477736 30.67947,10.45063 30.665916,10.423525 30.647846,10.400937 30.625259,10.382866 30.602669,10.364797 30.578952,10.355761 30.554107,10.355761L29.710446,10.355761C29.70141,10.339949 29.696893,10.328655 29.696893,10.321879 29.696893,10.312844 29.698022,10.304939 29.700282,10.298161 29.704798,10.291386 29.710446,10.28235 29.717223,10.271056 29.730775,10.252986 29.746586,10.234916 29.764657,10.216844 29.784986,10.196516 29.79515,10.186351 29.795151,10.18635L30.62187,10.18635 30.62187,10 29.795151,10C29.722868,10.000001 29.657364,10.014683 29.598636,10.044047 29.542165,10.073412 29.492471,10.112941 29.449555,10.162634 29.408897,10.210069 29.377273,10.265409 29.354685,10.328655 29.332097,10.391902 29.320803,10.457406 29.320803,10.525171L30.323709,10.525171C30.328226,10.525171 30.335002,10.536464 30.344039,10.559052 30.353072,10.579382 30.35759,10.596322 30.357592,10.609875 30.35759,10.62117 30.353072,10.636981 30.344039,10.65731 30.335002,10.677639 30.325967,10.687804 30.316933,10.687803L29.307251,10.687803 M30.863703,10L30.863703,10.880931 31.148312,10.880931 31.148312,10.528558 31.934373,10.528558 31.934373,10.880931 32.218982,10.880931 32.218982,10 31.927597,10 31.927597,10.355761 31.1517,10.355761 31.1517,10 30.863703,10 M33.184141,10L33.184141,10.880931 33.46875,10.880931 33.46875,10 33.184141,10" Fill="#84000000" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.51666667" />
      <Path Data="F1M15.540446,13L15,13 15,12 15.140167,12 15.140167,12.873082 15.540446,12.873082 15.540446,13 M15.685495,12L15.960949,12C16.072525,12.000001 16.157834,12.025803 16.216877,12.077405 16.276383,12.129011 16.306136,12.201767 16.306137,12.295676 16.306136,12.388192 16.273129,12.465133 16.207113,12.526499 16.141562,12.587866 16.050907,12.61855 15.935147,12.618549L15.822176,12.618549 15.822176,13 15.685495,13 15.685495,12 M15.822176,12.49721L15.936542,12.49721C16.01232,12.497211 16.070665,12.480474 16.111577,12.447002 16.152952,12.413064 16.17364,12.364714 16.173641,12.301953 16.17364,12.242446 16.154114,12.19642 16.115063,12.163877 16.076476,12.130869 16.020688,12.114366 15.947699,12.114365L15.822176,12.114365 15.822176,12.49721" Fill="#7A000000" Stroke="{x:Null}" StrokeThickness="1" Opacity="0.47666667" />
    </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