Convert XAML Vector Graphic to PNG

Dirk Bahle

Rate me:

4.87/5 (11 votes)

23 Oct 2012CPOL12 min read

74.5K

6.8K

An introduction to the usage of vector graphics as a source of bitmap graphics.

XAMLToPNG_Sample.zip
- 00_Go up
  - 980b4f92-db2c-46f8-83ca-042b70ced31a.png
  - go-up.Canvas.backup
  - go-up.Canvas.xaml
- 00_letter.Canvas.xaml
- 01_mail forward
  - bc241dff-27e2-42a4-b252-35a170dc68d6.png
  - ForwardArrow.Canvas.xaml
  - mail-forward.Canvas.xaml
  - UpwardArrow.Canvas.xaml
- 01_protect.Canvas.xaml
- 02_letter-protect.Canvas.xaml
- 02_tango network wireless encrypted
  - 9d7bd680-e0c7-4038-ab20-cb7bf590f0ef.png
  - network-wireless-encrypted.Canvas.xaml
- 03_letter-protect.Canvas.xaml
- Convert.bat
XAMLtoPNG.zip
- XAMLtoPNG.sln
- XAMLtoPNG
  - Params.cs
  - Program.cs
  - Properties
    - AssemblyInfo.cs
  - XAMLtoPNG.csproj
  - XAMLtoPNG.csproj.user
  - XamlToPngConverter.cs
OpenIconLibrary.zip
TangoProject.zip

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Canvas.Background>  <DrawingBrush><DrawingBrush.Drawing><DrawingGroup>
  <DrawingGroup x:Name="DrawingLayer">
    <DrawingGroup.ClipGeometry>
      <RectangleGeometry Rect="0,0,507.946,507.946" />
    </DrawingGroup.ClipGeometry>
    <GeometryDrawing x:Name="path97">
      <GeometryDrawing.Brush>
        <RadialGradientBrush Center="1.21696,5.56994" RadiusX="0.407754" RadiusY="0.407754" GradientOrigin="1.21696,5.56994" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.7">
          <RadialGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>0.323703,0.339303,-1.51217,1.5042,0.609048,0.300472</MatrixTransform>
              <MatrixTransform>11.3254,-2.10499,11.6258,2.05061,-5616.95,227.887</MatrixTransform>
            </TransformGroup>
          </RadialGradientBrush.Transform>
          <GradientStop Color="#FFCDFFFF" Offset="0" />
          <GradientStop Color="#E7006B97" Offset="1" />
        </RadialGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="1.52491" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF000027" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="11.3254,-2.10499,11.6258,2.05061,-5616.95,227.887" Figures="M296.008,235.336C297.224,234.126 300.683,229.606 299.748,228.823 298.093,226.544 293.673,223.485 291.446,220.874 289.472,218.522 285.597,214.452 283.126,213.07 282.018,212.411 277.157,215.521 275.88,217.325L201.514,289.495C198.938,292.509 196.329,294.849 197.466,296.663 199.555,298.396 203.227,303.365 205.147,305.1 207.319,307.096 211.534,311.764 213.936,313.119 215.801,313.69 214.555,314.031 219.336,310.173 219.336,310.173 292.374,238.876 296.008,235.336z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path44">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.0309151,-0.0503721" EndPoint="0.153421,0.357058" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.7">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>0.290047,0.304671,-1.68407,1.67874,0.630124,0.25343</MatrixTransform>
              <MatrixTransform>8.76378,-1.60225,8.99625,1.56084,-4288.94,230.554</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FFFFFFFF" Offset="0" />
          <GradientStop Color="#FF797979" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="2.11326" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
          <Pen.Brush>
            <RadialGradientBrush Center="3.36239,4.6019" RadiusX="0.414968" RadiusY="0.414968" GradientOrigin="3.36239,4.6019" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.99" Transform="0.302095,0.316531,-1.62097,1.61178,0.610925,0.353977">
              <GradientStop Color="#FFFFFFFF" Offset="0" />
              <GradientStop Color="#FF000000" Offset="1" />
            </RadialGradientBrush>
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="8.76378,-1.60225,8.99625,1.56084,-4288.94,230.554" Figures="M296.008,235.336C297.224,234.126 300.683,229.606 299.748,228.823 298.093,226.544 293.673,223.485 291.446,220.874 289.472,218.522 285.559,214.412 283.088,213.03 281.98,212.371 277.157,215.521 275.88,217.325L201.514,289.495C198.938,292.509 196.329,294.849 197.466,296.663 199.555,298.396 203.227,303.365 205.147,305.1 207.319,307.096 211.534,311.764 213.936,313.119 215.801,313.69 214.555,314.031 219.336,310.173 219.336,310.173 292.374,238.876 296.008,235.336z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path20">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="2.74398,1.04649" EndPoint="3.25673,0.58662" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
              <MatrixTransform>-0.720821,0.0124881,-0.0124881,-0.720821,682.466,154.98</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDC7" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.4528" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="-0.720821,0.0124881,-0.0124881,-0.720821,682.466,154.98" Figures="M297.636,121.267C310.047,128.279,305.97,132.644,329.741,131.586L392.148,131.21 292.148,31.2105 288.422,91.7754C289.105,103.139,288.688,109.76,297.636,121.267z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path3675">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="2.74398,1.04649" EndPoint="3.25673,0.58662" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
              <MatrixTransform>0.0265474,0.673639,-0.673639,0.0265474,113.313,-127.506</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDC7" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.4528" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.0265474,0.673639,-0.673639,0.0265474,113.313,-127.506" Figures="M297.636,121.267C310.047,128.279,305.97,132.644,329.741,131.586L392.148,131.21 292.148,31.2105 288.422,91.7754C289.105,103.139,288.688,109.76,297.636,121.267z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path3684">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="2.74398,1.04649" EndPoint="3.25673,0.58662" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
              <MatrixTransform>-0.0310572,-0.720261,0.720261,-0.0310572,390.088,632.735</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDC7" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.4528" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="-0.0310572,-0.720261,0.720261,-0.0310572,390.088,632.735" Figures="M297.636,121.267C310.047,128.279,305.97,132.644,329.741,131.586L392.148,131.21 292.148,31.2105 288.422,91.7754C289.105,103.139,288.688,109.76,297.636,121.267z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path3685">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="2.74398,1.04649" EndPoint="3.25673,0.58662" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
              <MatrixTransform>0.720566,-0.022879,0.022879,0.720566,-178.71,334.562</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDC7" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.4528" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.720566,-0.022879,0.022879,0.720566,-178.71,334.562" Figures="M297.636,121.267C310.047,128.279,305.97,132.644,329.741,131.586L392.148,131.21 292.148,31.2105 288.422,91.7754C289.105,103.139,288.688,109.76,297.636,121.267z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path354">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.978662,-0.136165" EndPoint="0.995459,0.170722" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>0.290047,0.304671,-1.68407,1.67874,0.630124,0.25343</MatrixTransform>
              <MatrixTransform>-0.00597052,-1.00595,1.08742,-0.0110899,-22.0716,718.581</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDB2" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.3239" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="EvenOdd" Transform="-0.00597052,-1.00595,1.08742,-0.0110899,-22.0716,718.581" Figures="M387.834,258.217L387.834,465.72C387.942,473.804 391.61,479.266 398.84,480.141 416.396,480.141 433.952,480.141 451.508,480.141 457.956,478.49 462.266,473.561 462.304,467.322L463.906,258.217 387.834,258.217z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path111">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="2.74398,1.04649" EndPoint="3.25673,0.58662" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
              <MatrixTransform>0.492693,0.526301,-0.526301,0.492693,112.75,77.2278</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDC7" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.4528" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FFCF5D07" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.492693,0.526301,-0.526301,0.492693,112.75,77.2278" Figures="M268.395,139.153C292.007,132.197 303.583,128.318 327.246,122.03 347.814,114.575 356.637,112.057 380.086,102.441L297.095,26.2175C293.862,45.7524 287.819,60.4718 285.566,77.0201 278.619,96.6724 274.63,114.985 268.395,139.153z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path112">
      <GeometryDrawing.Brush>
        <SolidColorBrush Color="#FFEFA81A" Opacity="0.952941" Transform="-0.0198959,-0.445431,1.03274,-0.00608355,3.83027,490.983" />
      </GeometryDrawing.Brush>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="EvenOdd" Transform="-0.0198959,-0.445431,1.03274,-0.00608355,3.83027,490.983" Figures="M387.834,258.217L387.834,465.72C387.942,473.804 391.61,479.266 398.84,480.141 416.396,480.141 433.952,480.141 451.508,480.141 457.956,478.49 462.266,473.561 462.304,467.322L463.906,258.217 387.834,258.217z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path187">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.882774,0.405781" EndPoint="0.200159,0.386892" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.952941">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,9.33903E-07,-4.51255E-06</MatrixTransform>
              <MatrixTransform>-0.0169463,-0.424614,1.03275,0.000900708,2.68943,452.28</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDB2" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="EvenOdd" Transform="-0.0169463,-0.424614,1.03275,0.000900708,2.68943,452.28" Figures="M387.834,258.217L387.834,465.72C387.942,473.804 391.61,479.266 398.84,480.141 416.396,480.141 433.952,480.141 451.508,480.141 457.956,478.49 462.266,473.561 462.304,467.322L463.906,258.217 387.834,258.217z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
  </DrawingGroup>
      </DrawingGroup></DrawingBrush.Drawing></DrawingBrush></Canvas.Background></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

Dirk Bahle

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

Convert XAML Vector Graphic to PNG

License

Comments and Discussions