Free Support Forum - aspose.com

Converting from SVG to PNG but the size is not correct

Aspose.HTML Product Family
#1

Hello Aspose Team,

when I am trying to convert the svg to normal images like png. The the size of the png image is not the same of the original one.

Could you please tell me what should I do to get the same size always ?

I would really buy this product when you give me the solution.

Thanks

#2

@Abdul_Sawas

Could you please share your sample SVG file along with the sample code snippet that you are trying so far. We will test the scenario in our environment and address it accordingly.

#3

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace ConsoleApp3
{
class Program
{
static void Main(string[] args)
{
// For complete examples and data files, please go to https://github.com/aspose-html/Aspose.HTML-for-.NET
// Prepare an SVG code and save it to the file.
string code = “<svg xmlns=“http://www.w3.org/2000/svg” xmlns:xlink=“http://www.w3.org/1999/xlink” version=“1.1” width=“155” height=“46” style=“position:absolute” ><g transform=“scale(1.33333)”><g transform=“matrix(1,0,0,1,-310.25,-404.729925537109)”><path d=” M311.25,437.979925537109 L425.25,437.979925537109 L425.25,405.729925537109 L311.25,405.729925537109 L311.25,437.979925537109 Z" stroke-width=“2” stroke="#FF0000" stroke-opacity=“1” stroke-linecap=“butt” stroke-linejoin=“round” stroke-miterlimit=“10” fill=“none” />";

        System.IO.File.WriteAllText("document.svg", code);

        // Initialize an SVG document from the svg file.
        

        // Create an instance of MemoryStreamProvider
        using (var streamProvider = new MemoryStreamProvider())
        {
            // Initialize the SVG document
            using (var document = new Aspose.Html.Dom.Svg.SVGDocument("document.svg"))
            {
                // Convert SVG to Image by using the MemoryStreamProvider
                Aspose.Html.Converters.Converter.ConvertSVG(document, new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png), streamProvider);

                // Get access to the memory stream that contains the result data
                var memory = streamProvider.Streams.First();
                memory.Seek(0, System.IO.SeekOrigin.Begin);

                // Flush the result data to the output file
                using (System.IO.FileStream fs = System.IO.File.Create("output.png"))
                {
                    memory.CopyTo(fs);
                    byte[] imageBytes = memory.ToArray();
                    // Convert byte[] to Base64 String
                    string base64String = Convert.ToBase64String(imageBytes);
                }
            }
        }
    }
 
}

}

#4

Hello,

I am using exactly your giving code in the web site, I could not include my code sample in the comment.

MemoryStreamProvider was used in the Code Sample
grafik.png (147.1 KB)

#5

@Abdul_Sawas

We generated the SVG file using your code and noticed that the output SVG was not correct. It seems like HTML elements are not correct in the string. Please check the attached SVG file:

document.zip (438 Bytes)

Would you please share your sample SVG in .zip format which is created at your side and can be viewed in browser without any error.

#6
5
#7 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="636" height="19" style="position:absolute" ><defs /><g transform="scale(1.33333)"><g transform="matrix(1,0,0,1,-70.9000015258789,-28.25)"><path d=" M70.9000015258789,28.25 L70.9000015258789,42.0489501953125 L547.25,42.0489501953125 L547.25,28.25 L70.9000015258789,28.25 Z" fill="#FFFFFF" fill-opacity="1" fill-rule="evenodd" /></g></g></svg>
#8

I am trying to send you here but it not working , I will send you frm my EMail

#9

@Abdul_Sawas

You can add your SVG in .zip format and attach here using the upload button.

#10

(Version_vvvv)teamviewer_-_firma_idl_gmbh_mitte_beitreten.zip (1.0 MB)

#11

Hi Asad, I think you have got the file.

#12

@Abdul_Sawas

The file you have shared is an HTML file instead of SVG. Nevertheless, we have tried to convert it into PNGs using the below code snippet and did not notice the size related issue. However, right border of the content was missing in the output images. Could you please try the below code snippet at your side and let us know if you notice any other issue:

using (var document = new Aspose.Html.HTMLDocument(dataDir + "(Version_vvvv)teamviewer_-_firma_idl_gmbh_mitte_beitreten.xhtml"))
{
 // Initialize ImageSaveOptions 
 var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

 // Convert HTML to PNG
 Aspose.Html.Converters.Converter.ConvertHTML(document, options, "output.png");
}