在 WebBrowser 控件中打印水印背景图像

Question

我想在我的 html 文档中添加透明水印背景图像并打印它。为此，我使用 svc 数据 uri 创建了以下背景图像：

body {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%20%3D%20%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%20%3D%20%271.1%27%20height%20%3D%20%27100px%27%20width%20%3D%20%27100px%27%3E%3Ctext%20transform%20%3D%20%27translate(20%2C%20100)%20rotate(-45)%27%20fill%20%3D%20%27rgb(245%2C45%2C45)%27%20font-size%20%3D%20%2720%27%3E%20watermark%20%3C%2Ftext%3E%3C%2Fsvg%3E");
}

要使用 WebBrowser 控件打印背景图像，我尝试了这个 post：。但由于 IE 的限制，它似乎没有打印我的 data-uri svc 图像。

如何在WebBrowser控件中打印水印背景图片？

这是我试过的替代解决方案。

我试图在网络浏览器中静默打印 HTML 转换为图像，但它打印出空白页。为此，我使用了 HTMLRenderer is a nuget package. refereed to this answer。

public MemoryStream ConvertHtmlToImage(string html)
{
    Bitmap m_Bitmap = new Bitmap("image");
    HtmlRender.RenderGdiPlus(Graphics.FromImage(m_Bitmap),
                                           html);
    MemoryStream memoryStream = new MemoryStream();

    m_Bitmap.Save(memoryStream, System.Drawing.Imaging.ImageFormat.Png);
    return memoryStream;

}

MemoryStream HtmlImage = ConvertHtmlToImage(processedDocTest);
webBrowserTest = new System.Windows.Forms.WebBrowser();
webBrowserTest.DocumentStream = HtmlImage; //Assign the image as a stream

private void btn_print_test_Click(object sender, EventArgs e)
{
    if (Common.TestPrinter != null && !string.IsNullOrEmpty(Common.TestPrinter))
    {
        SetupPage();
        SetDefaultPrinter(Common.TestPrinter);
    }
    PrinterSettings settings = new PrinterSettings();
    defaultPrinter = settings.PrinterName;

    if (Common.TestPrinter == defaultPrinter)
    {
        PrintTest();
    }
    else
    {
        ResetSetupPage();
        Environment.Exit(1);
    }
}

Answer 1

使用此代码：

public void ConvertHtmlToImage(string html)
{
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),html,
                                        point, maxSize);

m_Bitmap.Save(@"C:\MyHtml.png", ImageFormat.Png);
}

Answer 2

Internet Explorer 可以很好地显示 svg 数据 uri 背景图像，但在打印 svg 数据 uri 背景图像时效果不佳。

要轻松打印背景图像，您可以使用 svg 图像而不是数据 uri，或者如果出于某种原因，您想使用数据 uri，则使用透明的 png 数据 uri 作为背景图像。

在此 post 中，我假设您想在运行时生成文本的透明 png 图像，并使用该图像作为使用数据 uri 格式的页面的背景图像。

以下是答案的组成部分：

在运行时从文本创建透明图像
将图像转换为数据 uri
在 WebBrowser 控件中启用打印背景
打印 WebBrowser 控件而不显示打印对话框

要这样打印：

在运行时从文本创建透明图像

此方法接受文本、字体、文本颜色和图像大小，然后生成图像：

public Image CreateWatermarkImage(string text, Font font, Color color, Size size)
{
    var bm = new Bitmap(size.Width, size.Height, PixelFormat.Format32bppArgb);
    using (var g = Graphics.FromImage(bm))
    {
        g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
        g.RotateTransform(45);
        var format = new StringFormat();
        format.Alignment = StringAlignment.Center;
        using (var brush = new SolidBrush(color))
            g.DrawString(text, font, brush, new Rectangle(Point.Empty, size), format);
    }
    return bm;
}

将图像转换为数据uri

此方法获取图像并将其转换为数据 uri：

public static string GetDataURL(Image image)
{
    var bytes = (byte[])new ImageConverter().ConvertTo(image, typeof(byte[]));
    return $"data:image/png;base64,{Convert.ToBase64String(bytes)}";
}

在 WebBrowser 控件中启用打印背景

正如我在有关的链接回答中所解释的那样，您需要更改注册表中的设置。（阅读链接 post 了解更多详情。）

public void EnablePrintBackground(bool value)
{
    using (var key = Microsoft.Win32.Registry.CurrentUser.OpenSubKey(
        @"Software\Microsoft\Internet Explorer\PageSetup", true))
    {
        key.SetValue("Print_Background", value ? "yes" : "no",
            Microsoft.Win32.RegistryValueKind.String);
        key.Close();
    }
}

打印 WebBrowser 控件而不显示打印对话框

正如我在另一个 post 中解释的关于，只需使用 Web 浏览器控件的 Print() 方法。（您可以在链接 post 中阅读更多详细信息。）

webBrowser1.Print();

将所有内容放在一个示例中

这里我把所有的东西放在一起打印一个 html 在运行-时间有一个数据 uri 透明背景图像：

private void Form1_Load(object sender, EventArgs e)
{
    var dataURL = "";
    using (var image = CreateWatermarkImage("Watermark!",
        new Font("Arial", 16, FontStyle.Bold), Color.Red, new Size(150, 150)))
    {
        dataURL = GetDataURL(image);
    }
    var html = $@"
        <html>
            <head>
                <style>body {{background-image: url(""{dataURL}"");}}</style>
            </head>
            <body>
                <h1>Lorem ipsum dolor sit amet</h1> 
                consectetur adipiscing elit, 
                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                Ut enim ad minim veniam, quis nostrud exercitation ullamco 
                laboris nisi ut aliquip ex ea commodo consequat. 
                Duis aute irure dolor in reprehenderit in voluptate velit 
                esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
                occaecat cupidatat non proident, sunt in culpa qui officia 
                deserunt mollit anim id est laborum.
            </body>
        </html>";
    webBrowser1.DocumentText = html;
    webBrowser1.DocumentCompleted += (obj, args) =>
    {
        EnablePrintBackground(true);
        webBrowser1.Print();
    };
}

结果如下：

在 WebBrowser 控件中打印水印背景图像

Print watermark background Image in WebBrowser control

.net

html

c#

webbrowser-control

winforms