Convert HTML Code Into Image

Question

Hello, I want to convert html code into image.

Amin Dodin · Answer

One way to achieve that is to use the LEADTOOLS library (Disclaimer: I am an employee of this toolkit’s company). The code is as simple as loading HTML and saving image (like TIFF or PNG) and looks like this: Leadtools.Codecs.RasterCodecs codecs = new RasterCodecs(); RasterImage img = codecs.Load(htmlFileName); codecs.Save(img, pngFileName, RasterImageFormat.Png, 24); The attached screenshot shows how HTML looks when converted to image in one of the LEADTOOLS demos.

Bikesh Srivastava · Answer

Hi, Firstly let me know why want d like this. otherwise you can take simple prtsc.

Pradeep Sahoo · Answer

Follow this link http://stackoverflow.com/questions/17832304/convert-html-string-to-image

Nilesh Patel · Answer

Brijesh, Below code is not working when we are use css & colspan tag in html Code. if you have any other details than share me. Thank you for your valuable comment on my question.

Salman Beg · Answer

Hi. i think there is no direct conversion exist so for that you need to first convert html data into pdf and after that you can able to convert pdf into image. For html to pdf follow this article, http://www.c-sharpcorner.com/article/convert-html-string-to-pdf-via-itextsharp-library-and-downlo/ and for pdf to image follow this article, http://www.c-sharpcorner.com/blogs/convert-pdf-file-into-image-filepngjpgjpeg-using-ghostscript thanks.

Brijesh Rathor · Answer

I have used HtmlRenderer external dll to achieve the same and found the code for the same. Here is the code for this public void ConvertHtmlToImage () { Bitmap m_Bitmap = new Bitmap ( 400 , 600 ); PointF point = new PointF ( 0 , 0 ); SizeF maxSize = new System . Drawing . SizeF ( 500 , 500 ); HtmlRenderer . HtmlRender . Render ( Graphics . FromImage ( m_Bitmap ), " This is a shitty html code " + " This is another html line " , point , maxSize ); m_Bitmap . Save ( @"C:\Test.png" , ImageFormat . Png ); }