Webbrowser 中的内容问题在 Windows 窗体应用程序中自动缩放

Question

我正在尝试创建一个程序，它可以滚动浏览我计算机上的文件并显示这些文件。到目前为止，这对我有用，但我正在获取实际大小的内容，因此网络浏览器添加了一个滚动条（显然）。我希望内容能够自动缩放，以便无需滚动即可适应网络浏览器。

代码：

 WebBrowser web = new WebBrowser();     
 System.Drawing.Rectangle workingRectangle = Screen.PrimaryScreen.WorkingArea;
 int heightWebcontrol = workingRectangle.Height / 100 * 85;
 int widthwebControl = workingRectangle.Width / 100 * 75;
 web.Size = new Size(widthwebControl, heightWebcontrol);
 web.Location = new Point(0, 0);
 web.Navigate(fileName);
 this.Controls.Add(web);

网络浏览器中的大图，这只是图片的 1/5：

所以基本上，这个大图像需要自动缩放，以便完全适合浏览器。

谢谢大家。

Answer 1

作为一个选项，您可以处理WebBrowser控件的DocumentCompleted事件，并根据大小设置图像的样式。

例如：

1) 创建一个 Windows 窗体项目 2) 在设计模式下打开 Form1 并在其上放置一个WebBrowser 控件。 3) 双击表单标题栏处理表单Load事件，使用如下代码：

private void Form1_Load(object sender, EventArgs e)
{
    this.webBrowser1.Navigate("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
}

4) 双击WebBrowser 控件以处理其DocumentCompleed 事件并使用以下代码：

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    webBrowser1.Document.Body.SetAttribute("scroll", "no");
    var img = webBrowser1.Document.GetElementsByTagName("img")
                 .Cast<HtmlElement>().FirstOrDefault();
    var w = img.ClientRectangle.Width;
    var h = img.ClientRectangle.Height;
    img.Style = string.Format("{0}: 100%", w > h ? "Width" : "Height");
}

您将看到以下结果，而原始图像尺寸为 544x184：

注 1

这只是你可以做的一个例子。您可以做出更明智的决定，例如检查图像大小是否小于浏览器大小，则无需应用任何缩放。

注意 2 -（这是我的选择）

如果您将WebBrowser 控件设置为support showing modern content ，则图像的更好样式将是：

img.Style = "max-width:100%;max-height:100%";

这样，当图像大于浏览器时，图像将适合浏览器。当浏览器足够大时，它也不会调整大小。