C# 实现点击按钮进行页面的放大和缩小

最新推荐文章于 2025-05-22 12:03:02 发布

ITKouSyou

最新推荐文章于 2025-05-22 12:03:02 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： C# 文章标签： C# 页面缩放 transform scale

本文链接：https://blog.youkuaiyun.com/hx765287443/article/details/79065493

C# 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用C#和WebBrowser控件实现网页内容缩放的方法。通过改变页面Body的样式属性来实现缩放效果，并利用transform-origin属性确保缩放以页面顶部为中心。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

using System.Windows.Forms;
private System.Windows.Forms.WebBrowser webBrowser1;
float times = 1.0F;
private void button1_Click(object sender, EventArgs e)
        {
            var Document = webBrowser1.Document;
            if (times > 1.0f && Document.Body.Style != null) 
            {
                times -= 0.1F;                
            }
            Document.Body.Style = "transform:scale(" + (times).ToString() + ");transform-origin:top;";                       
        }

        private void button2_Click(object sender, EventArgs e)
        {
            var Document = webBrowser1.Document;
            if (times <= 2.0f && Document.Body.Style != null)
            {
                times += 0.1F;                
            }
            Document.Body.Style = "transform:scale(" + (times).ToString() + ");transform-origin:top;";
        }

button2_Click：实现的是点击后页面放大；

button1_Click：实现的是点击后页面缩小；

开始使用的是zoom属性，但是zoom默认是页面左上角缩放，所以我选择了用transform属性进行缩放，transform默认是页面正中间缩放，这样会导致放大后上方内容看不到，所以我用到了另一个属性transform-origin为top，这样页面缩放则会在正上方进行。

判断中第一项是判断是否在想要的范围之内，而第二个是为了判断打开的页面中是否有style属性。