前一段时间遇到这样一个需求,把UEditor富文本编辑器里的内容生成图片。
微软并没有提供给我们把HTML中的某一块生成图片的类库。
但是提供给我们把整个HTML页面生成图片的控件WebBrowser。
然而WebBrowser只能把整个页面生成图片。我们可以换一种思路把代码块单独拉出来拼接成页面,
那有人会问了,WebBrowser是个WinForm的一个控件怎么在MVC或者BS架构中使用呢?
会产生这样的疑问是你对编程了解的还不够深入。(此处纯属装X哈哈) 
废话不多说上代码!
public class Website2Image
    {
        private Bitmap m_Bitmap;
        private string m_Url;
        private string m_FileName = string.Empty;
        public Website2Image(string url, string fileName)
        {
            m_Url = url;
            m_FileName = fileName;
        }

        public Bitmap Generate()
        {
            var m_thread = new Thread(_Generate);
            m_thread.SetApartmentState(ApartmentState.STA);
            m_thread.Start();
            m_thread.Join();
            return m_Bitmap;
        }
        private void _Generate()
        {
            var browser = new WebBrowser { ScrollBarsEnabled = false };
            browser.Navigate(m_Url);
            browser.DocumentCompleted += webBrowser1_DocumentCompleted;
            while (browser.ReadyState != WebBrowserReadyState.Complete)
            {
                Application.DoEvents();
            }
            browser.Dispose();
        }

        private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            var browser = (WebBrowser)sender;
            browser.ClientSize = new Size(948, browser.Document.Body.ScrollRectangle.Bottom);
            browser.ScrollBarsEnabled = false;
            m_Bitmap = new Bitmap(948, browser.Document.Body.ScrollRectangle.Bottom);
            browser.BringToFront();
            browser.DrawToBitmap(m_Bitmap, browser.Bounds);

            if (m_FileName.Length > 0)
            {
                m_Bitmap.SaveImage(m_FileName);
            }
        }
    }
    //Bitap扩展类
    public static class BitmapExtensions
    {
        public static void SaveImage(this Bitmap bmp, string filename)
        {
            var encoderParameters = new EncoderParameters(1);
            encoderParameters.Param[0] = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 100L);
            bmp.Save(filename, GetEncoder(ImageFormat.Jpeg), encoderParameters);
        }
        public static ImageCodecInfo GetEncoder(ImageFormat format)
        {
            var codecs = ImageCodecInfo.GetImageDecoders();
            foreach (var codec in codecs)
            {
                if (codec.FormatID == format.Guid)
                {
                    return codec;
                }
            }
            return null;
        }
    }
    //调用
   Website2Image wt = new Website2Image(urlPath, imgPath);
   wt.Generate();
OK,以上就是所有的代码。其实代码很简单,就是使用WebBrowser保存图片,重点是思路。把HTML代码块单独拉出来拼成页面保存。
打个小广告(新建技术交流群:169767436)欢迎大家的加入!

更多推荐

截取HTML中代码块生成图片