Convert XAML Vector Graphic to PNG

Dirk Bahle

Rate me:

4.87/5 (11 votes)

23 Oct 2012CPOL12 min read

74.4K

6.8K

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

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

<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="path354">
      <GeometryDrawing.Brush>
        <LinearGradientBrush StartPoint="0.971959,0.492186" EndPoint="0.0373832,0.507812" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
          <LinearGradientBrush.Transform>
            <TransformGroup>
              <MatrixTransform>0.999999,0,0,1,2.49454E-08,7.55061E-08</MatrixTransform>
              <MatrixTransform>0.684536,-0.728979,0.792138,0.743845,-196.964,423.896</MatrixTransform>
            </TransformGroup>
          </LinearGradientBrush.Transform>
          <GradientStop Color="#FFFBDDB2" Offset="0" />
          <GradientStop Color="#FFEFA81A" Offset="1" />
        </LinearGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="13.3239" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Round">
          <Pen.Brush>
            <SolidColorBrush Color="#FFCF5D07" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="EvenOdd" Transform="0.684536,-0.728979,0.792138,0.743845,-196.964,423.896" 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="path64">
      <GeometryDrawing.Brush>
        <RadialGradientBrush Center="218.9404,219.7715" RadiusX="150.7063" RadiusY="150.7063" GradientOrigin="218.9404,219.7715" MappingMode="Absolute" Opacity="1" Transform="0.947659,0,0,0.947659,77.0404,351.641">
          <GradientStop Color="#FFFBDDB2" Offset="0" />
          <GradientStop Color="#FFEFA81A" Offset="1" />
        </RadialGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="10.4688" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FFCF5D07" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.947659,0,0,0.947659,77.0404,351.641" Figures="M110.396,116.173L91.8993,88.2864 121.526,72.7283 88.7284,66.0878 98.6765,34.1377 70.7895,52.6342 55.2312,23.0077 48.5914,55.8046 16.6412,45.857 35.1376,73.7437 5.51114,89.3018 38.3085,95.9423 28.3605,127.892 56.2475,109.397 71.8057,139.023 78.4456,106.225 110.396,116.173z" />
      </GeometryDrawing.Geometry>
    </GeometryDrawing>
    <DrawingGroup x:Name="g355" Transform="1,0,0,1,-9.61413,-4.80706">
      <GeometryDrawing x:Name="path51">
        <GeometryDrawing.Brush>
          <SolidColorBrush Color="#FFA4C9EE" Opacity="0.7" Transform="1.39205,0,0,1.40472,-163.668,-175.513" />
        </GeometryDrawing.Brush>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="Nonzero" Transform="1.39205,0,0,1.40472,-163.668,-175.513" Figures="M134.757,263.776C134.757,330.515 189.055,384.816 255.796,384.816 322.535,384.816 376.835,330.515 376.835,263.776 376.835,197.035 322.535,142.737 255.796,142.737 189.055,142.737 134.757,197.035 134.757,263.776z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path56">
        <GeometryDrawing.Brush>
          <RadialGradientBrush Center="4.04749,3.89647" RadiusX="0.496336" RadiusY="0.496336" GradientOrigin="4.04749,3.89647" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="0.99">
            <RadialGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>0.974445,0,0,1.02623,0.518471,0.499208</MatrixTransform>
                <MatrixTransform>1.50179,0,0,1.50179,-187.831,-200.305</MatrixTransform>
              </TransformGroup>
            </RadialGradientBrush.Transform>
            <GradientStop Color="#FF3E9EA6" Offset="0" />
            <GradientStop Color="#FFC7EDF7" Offset="1" />
          </RadialGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Pen>
          <Pen Thickness="7.73106" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
            <Pen.Brush>
              <SolidColorBrush Color="#FF1C6671" Opacity="0.988235" />
            </Pen.Brush>
          </Pen>
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="EvenOdd" Transform="1.50179,0,0,1.50179,-187.831,-200.305" Figures="M356.643,263.366C356.643,320.393 310.413,366.623 253.387,366.623 196.36,366.623 150.131,320.394 150.131,263.366 150.131,206.339 196.36,160.11 253.387,160.11 310.412,160.11 356.643,206.339 356.643,263.366z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path188">
        <GeometryDrawing.Brush>
          <RadialGradientBrush Center="1.06812,1.07223" RadiusX="0.666083" RadiusY="0.666083" GradientOrigin="1.06812,1.07223" MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" Opacity="1">
            <RadialGradientBrush.Transform>
              <TransformGroup>
                <MatrixTransform>0.979596,0,0,1.02083,0.337068,0.292637</MatrixTransform>
                <MatrixTransform>1.29229,0,0,1.29229,-135.548,-144.33</MatrixTransform>
              </TransformGroup>
            </RadialGradientBrush.Transform>
            <GradientStop Color="#FFC7EDF7" Offset="0" />
            <GradientStop Color="#FF3E9EA6" Offset="1" />
          </RadialGradientBrush>
        </GeometryDrawing.Brush>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="EvenOdd" Transform="1.29229,0,0,1.29229,-135.548,-144.33" Figures="M356.643,263.366C356.643,320.393 310.413,366.623 253.387,366.623 196.36,366.623 150.131,320.394 150.131,263.366 150.131,206.339 196.36,160.11 253.387,160.11 310.412,160.11 356.643,206.339 356.643,263.366z" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
      <GeometryDrawing x:Name="path200">
        <GeometryDrawing.Pen>
          <Pen Brush="#FF000000" Thickness="1.25" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter" />
        </GeometryDrawing.Pen>
        <GeometryDrawing.Geometry>
          <PathGeometry FillRule="EvenOdd" Figures="M314.862,103.352L316.465,106.557" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
    </DrawingGroup>
    <GeometryDrawing x:Name="path360">
      <GeometryDrawing.Brush>
        <RadialGradientBrush Center="218.9404,219.7715" RadiusX="150.7063" RadiusY="150.7063" GradientOrigin="218.9404,219.7715" MappingMode="Absolute" Opacity="1" Transform="0.947659,0,0,0.947659,363.862,15.1468">
          <GradientStop Color="#FFFBDDB2" Offset="0" />
          <GradientStop Color="#FFEFA81A" Offset="1" />
        </RadialGradientBrush>
      </GeometryDrawing.Brush>
      <GeometryDrawing.Pen>
        <Pen Thickness="10.4688" StartLineCap="Flat" EndLineCap="Flat" LineJoin="Miter">
          <Pen.Brush>
            <SolidColorBrush Color="#FFCF5D07" Opacity="0.992157" />
          </Pen.Brush>
        </Pen>
      </GeometryDrawing.Pen>
      <GeometryDrawing.Geometry>
        <PathGeometry FillRule="Nonzero" Transform="0.947659,0,0,0.947659,363.862,15.1468" Figures="M110.396,116.173L91.8993,88.2864 121.526,72.7283 88.7284,66.0878 98.6765,34.1377 70.7895,52.6342 55.2312,23.0077 48.5914,55.8046 16.6412,45.857 35.1376,73.7437 5.51114,89.3018 38.3085,95.9423 28.3605,127.892 56.2475,109.397 71.8057,139.023 78.4456,106.225 110.396,116.173z" />
      </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