Convert HTML string to image

Question

I have a string variable which holds HTML markup  This HTML markup basically represents the email content   Now I want to create an image from this string content which actually holds the HTML markup  I don t want to create the HTML file by writing this content into them  I just want to create an image file using this string   Here s what I have   string emailBody   lt html gt  lt head gt  lt  head gt  lt body gt  lt p gt This is my text lt p gt     lt  body lt  html gt     How can I create an Image from this emailBody string content

User · Answer

lt  --ForExport data in iamge -- gt           lt script type  text javascript  gt              function ConvertToImage btnExport                    html2canvas     dvTable   0   then function  canvas                        var base64   canvas toDataURL                            id  hfImageData    val base64                         doPostBack btnExport name                                           return false                         lt  script gt            lt  --ForExport data in iamge -- gt            lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 8 3 jquery min js  gt  lt  script gt           lt script src     js html2canvas min js  gt  lt  script gt         lt table gt                   lt tr gt                       lt td valign  top  gt                           lt asp Button ID  btnExport  Text  Download Back  runat  server  UseSubmitBehavior  false                              OnClick  ExportToImage  OnClientClick  return ConvertToImage this     gt                           lt div id  dvTable  class  divsection2  style  width  350px  gt                               lt asp HiddenField ID  hfImageData  runat  server    gt                               lt table width  100   gt                                   lt tr gt                                       lt td gt                                           lt br   gt                                        lt  td gt                                   lt  tr gt                                   lt tr gt                                       lt td gt                                           lt asp Label ID  Labelgg  runat  server  CssClass  labans4  Text    gt  lt  asp Label gt                                       lt  td gt                                   lt  tr gt                                lt  table gt                           lt  div gt                       lt  td gt                   lt  tr gt               lt  table gt             protected void ExportToImage object sender  EventArgs e                                        string base64   Request Form hfImageData UniqueID  Split      1                       byte   bytes   Convert FromBase64String base64                       Response Clear                        Response ContentType    image png                       Response AddHeader  Content-Disposition    attachment  filename name png                        Response Buffer   true                      Response Cache SetCacheability HttpCacheability NoCache                       Response BinaryWrite bytes                       Response End

User · Answer

Thanks all for your responses  I used HtmlRenderer external dll  library  to achieve the same and found below 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                                               quot  lt html gt  lt body gt  lt p gt This is some html code lt  p gt  quot                                                quot  lt p gt This is another html line lt  p gt  lt  body gt  quot                                               point  maxSize       m Bitmap Save   quot C  Test png quot   ImageFormat Png

User · Answer

Try the following   using System  using System Drawing  using System Threading  using System Windows Forms   class Program       static void Main string   args                var source                lt  DOCTYPE html gt           lt html gt               lt body gt                   lt p gt An image from W3Schools  lt  p gt                   lt img                      src   http   www w3schools com images w3schools green jpg                        alt   W3Schools com                        width   104                        height   142   gt               lt  body gt           lt  html gt            StartBrowser source           Console ReadLine               private static void StartBrowser string source                var th   new Thread      gt                        var webBrowser   new WebBrowser                webBrowser ScrollBarsEnabled   false              webBrowser DocumentCompleted                    webBrowser DocumentCompleted              webBrowser DocumentText   source              Application Run                        th SetApartmentState ApartmentState STA           th Start               static void          webBrowser DocumentCompleted          object sender           WebBrowserDocumentCompletedEventArgs e                var webBrowser    WebBrowser sender          using  Bitmap bitmap                new Bitmap                  webBrowser Width                   webBrowser Height                         webBrowser                  DrawToBitmap                  bitmap                   new System Drawing                      Rectangle 0  0  bitmap Width  bitmap Height                bitmap Save   filename jpg                    System Drawing Imaging ImageFormat Jpeg                       Note  Credits should go to Hans Passant for his excellent answer on the question WebBrowser Control in a new thread which inspired this solution

[c#] Convert HTML string to image

Examples related to c#

Examples related to html

Examples related to asp.net