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="path266">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="-0.01654,-0.546712" EndPoint="0.0148676,0.138341" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>1.27999,-1.2809,0.380134,0.400852,0.419179,0.455777</MatrixTransform>
              <MatrixTransform>1.49204,-0.222438,0.229265,1.53784,-33.7242,14.3863</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FDFBDDB2" Offset="0" />
          <GradientStop Color="#F3EFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="4" 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="1.49204,-0.222438,0.229265,1.53784,-33.7242,14.3863" Figures="M41.6706,66.0692L65.306,74.3775 14,84 22.2649,29.1887 29.102,54.2767C35.4348,45.7126 37.0391,44.8945 46.1854,35.4188 66.589,19.806 90.7515,11.1958 108.324,12.7748 99.3652,20.259 86.6398,27.3093 73.805,35.2633 59.6141,46.1963 54.9652,50.1565 41.6706,66.0692z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <DrawingGroup x:Name="g937" Transform="1.16614,0,0,1.16614,-22.6649,-13.9201">
      <GeometryDrawing x:Name="path42">
        <GeometryDrawing.Brush>
          <SolidColorBrush Color="#FFFFFFFF" Opacity="0.699301" Transform="0.0416609,-0.198871,0.0943549,0.0221404,87.9568,134.426" />
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="16.2714" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C5574" Opacity="0.992157" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="0.0416609,-0.198871,0.0943549,0.0221404,87.9568,134.426" Figures="M23.9471,20.1241L364.441,25.8291 365.767,535.103 23.9471,535.103 23.9471,20.1241z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path43">
        <GeometryDrawing.Brush>
          <LinearGradientBrush StartPoint="2.69643,1.14655" EndPoint="3.85147,0.623116" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
            <LinearGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
                <MatrixTransform>-0.245152,0.241332,-0.124054,-0.330111,196.459,81.2281</MatrixTransform>
              </TransformGroup>
            </LinearGradientBrush.Transform>
            <GradientStop Color="#E5D7FFFF" Offset="0" />
            <GradientStop Color="#F32EA6B9" Offset="1" />
          </LinearGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="7.27265" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C5574" Opacity="0.992157" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="-0.245152,0.241332,-0.124054,-0.330111,196.459,81.2281" Figures="M251.136,102.707L365.767,120.124 241.171,-3.33314 251.136,102.707z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path44">
        <GeometryDrawing.Brush>
          <LinearGradientBrush StartPoint="2.69643,1.14655" EndPoint="3.85147,0.623116" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
            <LinearGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
                <MatrixTransform>0.245152,-0.241332,0.124054,0.330111,48.6404,122.078</MatrixTransform>
              </TransformGroup>
            </LinearGradientBrush.Transform>
            <GradientStop Color="#E5D7FFFF" Offset="0" />
            <GradientStop Color="#F32EA6B9" Offset="1" />
          </LinearGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="7.27265" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C5574" Opacity="0.992157" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="0.245152,-0.241332,0.124054,0.330111,48.6404,122.078" Figures="M254.059,105.609L365.767,120.124 241.42,-2.12248 254.059,105.609z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path45">
        <GeometryDrawing.Brush>
          <LinearGradientBrush StartPoint="2.69643,1.14655" EndPoint="3.85147,0.623116" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
            <LinearGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
                <MatrixTransform>0.161731,0.302307,-0.268463,0.199477,111.706,4.53794</MatrixTransform>
              </TransformGroup>
            </LinearGradientBrush.Transform>
            <GradientStop Color="#E5D7FFFF" Offset="0" />
            <GradientStop Color="#F32EA6B9" Offset="1" />
          </LinearGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="7.19028" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C5574" Opacity="0.992157" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="0.161731,0.302307,-0.268463,0.199477,111.706,4.53794" Figures="M235.786,86.3366C235.568,97.5235 242.472,102.643 248.275,108.48 254.886,114.477 264.563,120.344 269.447,120.773L364.018,127.287 369.222,121.063 235.859,-12.3448 234.593,-5.9569 235.786,86.3366z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path46">
        <GeometryDrawing.Brush>
          <LinearGradientBrush StartPoint="2.69643,1.14655" EndPoint="3.85147,0.623116" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
            <LinearGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>1,0,0,1,-2.65767,-0.201241</MatrixTransform>
                <MatrixTransform>-0.202143,-0.323521,0.31385,-0.200474,141.294,205.372</MatrixTransform>
              </TransformGroup>
            </LinearGradientBrush.Transform>
            <GradientStop Color="#E5D7FFFF" Offset="0" />
            <GradientStop Color="#F32EA6B9" Offset="1" />
          </LinearGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="6.42469" StartLineCap="Round" EndLineCap="Round" LineJoin="Round">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C5574" Opacity="0.992157" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="-0.202143,-0.323521,0.31385,-0.200474,141.294,205.372" Figures="M239.418,91.2228C240.625,104.208 244.532,110.088 250.335,115.925 256.946,121.922 263.23,123.516 275.971,123.436L353.134,125.25 365.266,122.743 236.95,-6.48603 236.079,12.753 239.418,91.2228z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
    </DrawingGroup>
  </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