Convert XAML Vector Graphic to PNG

Dirk Bahle

Rate me:

4.87/5 (11 votes)

23 Oct 2012CPOL12 min read

74.3K

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
TangoProject.zip
OpenIconLibrary.zip
XAMLtoPNG.zip
- XAMLtoPNG.sln
- XAMLtoPNG
  - Params.cs
  - Program.cs
  - Properties
    - AssemblyInfo.cs
  - XAMLtoPNG.csproj
  - XAMLtoPNG.csproj.user
  - XamlToPngConverter.cs

<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,160,160" />
    </DrawingGroup.ClipGeometry>
    <GeometryDrawing x:Name="path208">
      <GeometryDrawing.Brush>
        <RadialGradientBrush Center="7.86081,1.31835" RadiusX="0.563946" RadiusY="0.563946" GradientOrigin="7.86081,1.31835" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.99">
          <RadialGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1.18884,0.249702,0,0.841157,0.2,0.299442</MatrixTransform>
              <MatrixTransform>0.376674,-0.0915178,0,0.44405,33.3526,-83.6463</MatrixTransform>
            </TransformGroup>
          </RadialGradientBrush.Transform>
          <GradientStop Color="#E15F9EB2" Offset="0" />
          <GradientStop Color="#DE0C5C7D" Offset="1" />
        </RadialGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="9.27151" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FF0C5C7D" Opacity="0.99" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.376674,-0.0915178,0,0.44405,33.3526,-83.6463" Figures="M-49.21,250.253C-50.4531,237.758,-40.2031,227.28,-26.5727,228.549L281.811,293.495C293.021,296.711,300.174,303.367,303.271,318.626L303.001,556.999 271.496,574.417 -20.6248,515.348 -49.1325,483.196 -49.21,250.253z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path230">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.0434782,0.101563" EndPoint="0.900621,1.03125" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.699301">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,0,0,1,1.75173E-09,-1.08106E-08</MatrixTransform>
              <MatrixTransform>0.341557,-0.106441,0,0.377152,67.042,-16.847</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FFF5F5F5" Offset="0" />
          <GradientStop Color="#FF949494" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="8.96855" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF1C2942" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.341557,-0.106441,0,0.377152,67.042,-16.847" Figures="M-46.2318,305.669L141.393,358.659 143.013,470.95 -47.4986,417.316 -46.2318,305.669z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path412">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.107623,0.133438" EndPoint="1.00448,0.986385" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.699301">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,-5.11905E-06,0,1,-8.06426E-09,2.67899E-08</MatrixTransform>
              <MatrixTransform>0.482789,-0.133883,0,0.474385,59.016,-129.836</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FFFCFCFC" Offset="0" />
          <GradientStop Color="#FFAFB2B5" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="6.63037" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF0C5C7D" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.482789,-0.133883,0,0.474385,59.016,-129.836" Figures="M-46.2318,305.669L141.393,358.659 143.013,470.95 -47.4986,417.316 -46.2318,305.669z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path414">
      <GeometryDrawing.Brush>
        <SolidColorBrush Color="#FF1C2942" Opacity="0.992157" Transform="0.265503,-0.00328428,0.0668929,0.671004,-0.0965793,-21.3978" />
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="2.5" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF0C5D7D" Opacity="0.99" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.265503,-0.00328428,0.0668929,0.671004,-0.0965793,-21.3978" Figures="M147.259,91.7372L267.273,92.474 265.636,100.679 145.264,100.165 147.259,91.7372z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path417">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.240647,1.19614" EndPoint="0.248069,-0.301604" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>0.945877,-1.683E-07,5.89965E-08,1.05722,0.264368,0.249996</MatrixTransform>
              <MatrixTransform>0.731873,-0.00515433,0.184395,1.05307,-86.736,-73.2747</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDB2" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="2.5" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF580400" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.731873,-0.00515433,0.184395,1.05307,-86.736,-73.2747" Figures="M147.259,91.7372L267.273,92.474 265.636,100.679 145.264,100.165 147.259,91.7372z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path771">
      <GeometryDrawing.Brush>
        <SolidColorBrush Color="#FF1C2942" Opacity="0.992157" Transform="0.265503,-0.00328428,0.0668929,0.671004,-0.0965793,-7.77004" />
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="2.5" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF0C5D7D" Opacity="0.99" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.265503,-0.00328428,0.0668929,0.671004,-0.0965793,-7.77004" Figures="M147.259,91.7372L267.273,92.474 265.636,100.679 145.264,100.165 147.259,91.7372z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <GeometryDrawing x:Name="path216">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1,2.2681E-07,2.79533E-09,1,5.26913E-08,9.80036E-08</MatrixTransform>
              <MatrixTransform>0.670834,0.665989,-0.686432,0.691424,104.558,15.8153</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDCFFE32" Offset="0" />
          <GradientStop Color="#F3B2DF35" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="4" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FF158739" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.670834,0.665989,-0.686432,0.691424,104.558,15.8153" Figures="M47.9039,54.279L62.0854,68.8027 17.4783,73.279 20.6965,26.6123 33.5835,39.2682C42.0502,32.1481 46.17,27.7624 53.5464,24.2622 61.6695,19.6691 67.1959,18.2482 78.2542,17.3595 91.2542,17.3595 100.809,21.2682 111.922,33.2333 123.321,45.5007 123.015,60.7301 122.015,68.7301 118.887,85.4023 115.836,96.989 100.379,108.328 84.6705,119.995 71.9759,122.531 55.3845,119.228 39.1312,116.168 25.777,107.101 13.717,96.6953 1.65713,86.2899 -7.55242,73.3007 -13.0834,65.6976 -7.44112,69.8857 4.50568,82.63 16.9347,90.147 26.9856,96.1935 47.2434,105.529 64.2033,106.28 77.2018,106.627 89.9967,107.225 101.751,91.962 112.986,73.8947 105.444,55.5109 97.5721,46.7203 89.4494,38.2578 76.6103,32.8022 61.6585,43.2074 55.3405,48.5965 53.7407,47.723 47.9039,54.279z" />
      </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