WebBrowser.DrawToBitmap() 还是其他方法？

Posted 2023-03-05

技术标签:

【中文标题】WebBrowser.DrawToBitmap() 还是其他方法？【英文标题】：WebBrowser.DrawToBitmap() or other methods? 【发布时间】：2022-03-07 21:05:07 【问题描述】：

我正在尝试捕获 WebBrowser 控件的内容。 DrawToBitmap() 可以完美运行，但 WebBrowser 控件的文档不支持它。我一直在尝试寻找另一种方法来捕获 WebBrowser 控件的内容并将它们保存到本地图像文件中。

是否有任何变通方法或其他方法可以将 WebBrowser 控件的内容保存到本地图像文件？

【问题讨论】：

相关问答：How to fix a opacity bug with DrawToBitmap on WebBrowser Control? Belated but maybe of interest - 最后的解决方案很简单，看起来很可靠。 【参考方案1】：

Control.DrawToBitmap 并不总是有效，因此我求助于以下提供更一致结果的本机 API 调用：

实用程序类。调用 Utilities.CaptureWindow(Control.Handle) 捕获特定控件：

public static class Utilities

    public static Image CaptureScreen()
    
        return CaptureWindow(User32.GetDesktopWindow());
    

    public static Image CaptureWindow(IntPtr handle)
    

        IntPtr hdcSrc = User32.GetWindowDC(handle);

        RECT windowRect = new RECT();
        User32.GetWindowRect(handle, ref windowRect);

        int width = windowRect.right - windowRect.left;
        int height = windowRect.bottom - windowRect.top;

        IntPtr hdcDest = Gdi32.CreateCompatibleDC(hdcSrc);
        IntPtr hBitmap = Gdi32.CreateCompatibleBitmap(hdcSrc, width, height);

        IntPtr hOld = Gdi32.SelectObject(hdcDest, hBitmap);
        Gdi32.BitBlt(hdcDest, 0, 0, width, height, hdcSrc, 0, 0, ApiConstants.SRCCOPY);
        Gdi32.SelectObject(hdcDest, hOld);
        Gdi32.DeleteDC(hdcDest);
        User32.ReleaseDC(handle, hdcSrc);

        Image image = Image.FromHbitmap(hBitmap);
        Gdi32.DeleteObject(hBitmap);

        return image;

Gdi32 类：

public class Gdi32

    [DllImport("gdi32.dll")]
    public static extern bool BitBlt(IntPtr hObject, int nXDest, int nYDest, int nWidth, int nHeight, IntPtr hObjectSource, int nXSrc, int nYSrc, int dwRop);
    [DllImport("gdi32.dll")]
    public static extern IntPtr CreateCompatibleBitmap(IntPtr hDC, int nWidth, int nHeight);
    [DllImport("gdi32.dll")]
    public static extern IntPtr CreateCompatibleDC(IntPtr hDC);
    [DllImport("gdi32.dll")]
    public static extern bool DeleteDC(IntPtr hDC);
    [DllImport("gdi32.dll")]
    public static extern bool DeleteObject(IntPtr hObject);
    [DllImport("gdi32.dll")]
    public static extern IntPtr SelectObject(IntPtr hDC, IntPtr hObject);

User32 类：

public static class User32

    [DllImport("user32.dll")]
    public static extern IntPtr GetDesktopWindow();
    [DllImport("user32.dll")]
    public static extern IntPtr GetWindowDC(IntPtr hWnd);
    [DllImport("user32.dll")]
    public static extern IntPtr GetWindowRect(IntPtr hWnd, ref RECT rect);
    [DllImport("user32.dll")]
    public static extern IntPtr ReleaseDC(IntPtr hWnd, IntPtr hDC);

使用的常量：

    public const int SRCCOPY = 13369376;

使用的结构：

[StructLayout(LayoutKind.Sequential)]
public struct RECT

    public int left;
    public int top;
    public int right;
    public int bottom;

一个友好的控件扩展方法：

public static class ControlExtensions

    public static Image DrawToImage(this Control control)
    
        return Utilities.CaptureWindow(control.Handle);

这是我的CC.Utilities 项目中的代码 sn-p，我专门编写它来从 WebBrowser 控件中截取屏幕截图。

【讨论】：

谢谢，我会试一试。 @Matt：希望对您有所帮助。我在原始帖子中省略了 Gdi32 类，但现在已修复。 @Cory Charlton：效果很好！我唯一的问题是说我在 WebBrowser 控件中有一个页面延伸到多个页面。有没有办法用这个来抢那个？ @Matt：我相信这只会获得控件的可见部分。我还没有尝试过，但是您可以尝试使控件足够大以容纳整个内容，但不一定在表单上可见。我希望在这种情况下你会得到一个空图像，但值得一试。 @Cory 我尝试了这种方法，不幸的是它似乎不起作用。它生成的所有屏幕截图都只是黑框，包括适用于标准 DrawToBitmap 调用的 URL。【参考方案2】：

即使窗口大于屏幕大小，以下方法也可以捕获整个窗口图像。如果窗口大小调整为webBrowser.Document.OffsetRectangle.Size，则可以捕获页面内容的图像

class NativeMethods

    [ComImport]
    [Guid("0000010D-0000-0000-C000-000000000046")]
    [InterfaceType(ComInterfaceType.InterfaceIsIUnknown)]
    interface IViewObject
    
        void Draw([MarshalAs(UnmanagedType.U4)] uint dwAspect, int lindex, IntPtr pvAspect, [In] IntPtr ptd, IntPtr hdcTargetDev, IntPtr hdcDraw, [MarshalAs(UnmanagedType.Struct)] ref RECT lprcBounds, [In] IntPtr lprcWBounds, IntPtr pfnContinue, [MarshalAs(UnmanagedType.U4)] uint dwContinue);
    

    [StructLayout(LayoutKind.Sequential, Pack = 4)]
    struct RECT
    
        public int Left;
        public int Top;
        public int Right;
        public int Bottom;
    

    public static void GetImage(object obj, Image destination, Color backgroundColor)
    
        using(Graphics graphics = Graphics.FromImage(destination))
        
            IntPtr deviceContextHandle = IntPtr.Zero;
            RECT rectangle = new RECT();

            rectangle.Right = destination.Width;
            rectangle.Bottom = destination.Height;

            graphics.Clear(backgroundColor);

            try
            
                deviceContextHandle = graphics.GetHdc();

                IViewObject viewObject = obj as IViewObject;
                viewObject.Draw(1, -1, IntPtr.Zero, IntPtr.Zero, IntPtr.Zero, deviceContextHandle, ref rectangle, IntPtr.Zero, IntPtr.Zero, 0);
            
            finally
            
                if(deviceContextHandle != IntPtr.Zero)
                
                    graphics.ReleaseHdc(deviceContextHandle);

用法：

Bitmap screenshot = new Bitmap(1024, 768);
NativeMethods.GetImage(webBrowser.ActiveXInstance, screenshot, Color.White);

【讨论】：

如果html页面有滚动条，上面可以截图。我尝试使用@Cory Charlton 它确实有效，但只有可见屏幕而不是整个页面【参考方案3】：

我正在使用 DrawToBitmap (Visual Studio 2008 C#) 来捕获大图像（用户签名的发票、屏幕外的内容）。基本上它运行良好，但我得到空白图像。大约有 100 名员工在使用该软件，大约每 2 周我可以看到一张空白图像。

我做了很多测试，发现一件有趣的事情是：我创建了一个按钮来从网络浏览器生成图像。通常是可以的，但是如果我先点击浏览器，然后点击创建按钮，就会出现空白图像。

【讨论】：

空白图片是常见的投诉。微软自己关于该方法的文档告诉人们不要使用它，但每个人仍然这样做，因为这是一种非常需要的方法。大约一周以来，我一直在寻找解决方案。我必须依靠 IE 进行渲染，所以不能使用其他解决方案。看看是否有更好的方法从 DrawToBitmap 方法获得一致的结果会很有趣。只是一个建议，如果我不能解决它可能必须自己做，否则你应该能够确定图像是空白的，不仅每个像素都是白色的，而且如果它们是全白，然后一点数学应该表明图像中只有一个颜色像素。【参考方案4】：

我在 SO 上使用了 this topic 中的 OleDraw 方法，但将它集成到从 WebBrowser 派生的类中。这不仅允许为 WebBrowser 执行正常的 Control.DrawToBitmap，还允许为其中包含 WebBrowser 的表单执行正常的 Control.DrawToBitmap。如果表单被隐藏（被另一个表单覆盖，包括 MDI 父表单），这也可以工作，并且当用户使用 Win+L 锁定会话时应该可以工作（我还没有测试过）。

public class WebBrowserEx : WebBrowser

    private const uint DVASPECT_CONTENT = 1;

    [DllImport("ole32.dll", PreserveSig = false)]
    private static extern void OleDraw([MarshalAs(UnmanagedType.IUnknown)] object pUnk,
        uint dwAspect,
        IntPtr hdcDraw,
        [In] ref System.Drawing.Rectangle lprcBounds
    );

    protected override void WndProc(ref Message m)
    
        const int WM_PRINT = 0x0317;

        switch (m.Msg)
        
            case WM_PRINT:
                Rectangle browserRect = new Rectangle(0, 0, this.Width, this.Height);

                // Don't know why, but drawing with OleDraw directly on HDC from m.WParam.
                // results in badly scaled (stretched) image of the browser.
                // So, drawing to an intermediate bitmap first.
                using (Bitmap browserBitmap = new Bitmap(browserRect.Width, browserRect.Height))
                
                    using (var graphics = Graphics.FromImage(browserBitmap))
                    
                        var hdc = graphics.GetHdc();
                        OleDraw(this.ActiveXInstance, DVASPECT_CONTENT, hdc, ref browserRect);
                        graphics.ReleaseHdc(hdc);
                    

                    using (var graphics = Graphics.FromHdc(m.WParam))
                    
                        graphics.DrawImage(browserBitmap, Point.Empty);
                    
                
                // ignore default WndProc
                return;

        

        base.WndProc(ref m);

【讨论】：

以上是关于WebBrowser.DrawToBitmap() 还是其他方法？的主要内容，如果未能解决你的问题，请参考以下文章