Free Support Forum - aspose.com

Resize svg to png with transparent background

Aspose.SVG Product Family
#1

Dear team,

I have been trying with both the aspose.svg and aspose.imagign to load and resize an existing svg to a specific size png image (16 and 32 - two sizes) and preserving the transparent background.
I have tried a few options from sample codes, but nothing has done the trick.

Can someone please provide me a small sample on how to do this?

#2

@panayiotis

  1. If you need to get the actual dimension of the SVG document, we can offer use next sample of code:
 static RectangleF GetDocumentRect(SVGDocument document)
 {
     var rect = new RectangleF(0, 0, 0, 0);
     foreach (var item in document.RootElement.ChildNodes)
     {
         var gr = item as SVGGraphicsElement;
         if (gr != null)
         {
             var m = gr.Transform.AnimVal.Aggregate(new Matrix(),
                          (m1, m2) =>
                          {
                              m1.Multiply(new Matrix(m2.Matrix.A, m2.Matrix.B, m2.Matrix.C, m2.Matrix.D, m2.Matrix.E, m2.Matrix.F));
                              return m1;
                          });
             rect = RectangleF.Union(rect, Transform(m, gr.GetBBox()));
         }
     }
     return rect;
 }

Class SVGGraphicsElement has method GetBBox which return actual bounding box for this elements.

  1. If your purpose is the creation of a result Image, PDF, XPS document which size is equal to the size of the original SVG document then you can use the next code:
using (var document = new SVGDocument(Path.Combine(dataDir, "smiley.svg")))
{
    var options = new PdfRenderingOptions()
    {
        PageSetup =
        {
            Sizing = SizingType.FitContent
        }
    };
    using (var device = new PdfDevice(options, dataDir + "smiley_out.pdf"))
    {
        document.RenderTo(device);
    }
}

More information about page sizing can be found here: https://apireference.aspose.com/svg/net/aspose.svg.rendering/sizingtype

In case you still face any issues, please share your sample SVG with an expected output image. We will test the scenario in our environment and address it accordingly.

#3

Hi Asad,

The code you provided would allow the reading of the dimensions of the SVG and export to the same size as the original to a pdf.

as per my original post what I am looking for is to export the SVG to PNG with the following operations:

  • Change the size to 32x32 and 16x16 respectively
  • make the result transparent

Do you have any sample code that would accomplish the above?

#4

@panayiotis

Please try using the below code snippet:

using (var document = new Aspose.Svg.SVGDocument("example.svg"))
{
 // Initialize an instance of ImageSaveOptions class and set BackgroundColor property
 var saveOptions = new Aspose.Svg.Saving.ImageSaveOptions();
 saveOptions.BackgroundColor = System.Drawing.Color.Transparent;
 saveOptions.PageSetup.AnyPage.Size = new Svg.Drawing.Size(32, 32);

 // Convert SVG to PNG
 Aspose.Svg.Converters.Converter.ConvertSVG(document, saveOptions, Path.Combine(dataDir, "output.png"));
}

In case you face any issue, kindly share a sample SVG file with us so that we can test the scenario in our environment and address it accordingly? Please also try to share a sample output PNG for our reference.