1. 程式人生 > >C# 實現點選按鈕進行頁面的放大和縮小

C# 實現點選按鈕進行頁面的放大和縮小

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屬性。