前一段时间遇到这样一个需求,把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);
}
}
}
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)欢迎大家的加入!