高いDPI設定でwindow.scrollを使用してスクリーンショットをキャプチャする

Question

私はCefSharp 55.0.0WinFormsを使用しています。

CefSharpでスクリーンショットを撮るには、JavaScript内でwindow.scrollを使用してウェブページをスクロールし、現在のビューポートの画像を撮ります。それが完了すると、それは再び一緒に縫い合わせられます。これは、DPIの設定が100%に設定されているモニターで問題ありません。ただし、DPIより大きい100%のスクリーンショットがある場合、スクリーンショットは期待どおりに機能せず、コンテンツが欠落します。

画像1から100パーセント

画像2 - 彼らは両方（事実上）がありますが150％では

画像2に画像1を比較同一の幅および高さを有し、画像2は、完全な画像1と比較して、コンテンツの大部分を欠いている。

100%の設定を超えると、設定を100%に設定した場合のすべての取得を確実にするスクリーンショットを正しくスクロールしてキャプチャするにはどうすればよいですか？

その他の詳細

アプリケーションapp.manifestファイルに正しいDPI意識した設定を持っており、Cef.EnableHighDPISupport();はProgram.cs内Main方法で呼び出されました。 （要約）

スクリーンショットコード

int scrollHeight = GetDocHeight(); //some javascript that calcs the height of the document 
int viewportHeight = ClientRectangle.Size.Height; 
int viewportWidth = ClientRectangle.Size.Width; 
int count = 0; 
int pageLeft = scrollHeight; 
bool atBottom = false; 

while (!atBottom) 
{ 
    if (pageLeft > viewportHeight) 
    { 
     await GetBrowser().MainFrame.EvaluateScriptAsync("(function() { window.scroll(0," + (count * viewportHeight) + "); })();"); //I think the issue lies here 
     count++; 
     await PutTaskDelay(); 
     using (Bitmap image = GetCurrentViewScreenshot()) 
     { 
      //just a class that saves the partial images to a disk cache 
      cache.AddImage(count, image); 
     } 
    } 
    else 
    { 

     await GetBrowser().MainFrame.EvaluateScriptAsync("(function() { window.scrollBy(0," + pageLeft + "); })();"); 

     atBottom = true; 
     count++; 

     await PutTaskDelay(); 
     Rectangle cropRect = new Rectangle(new Point(0, viewportHeight - pageLeft), new Size(viewportWidth, pageLeft)); 

     using (Bitmap src = GetCurrentViewScreenshot()) 
     using (Bitmap target = new Bitmap(cropRect.Width, cropRect.Height)) 
     using (Graphics g = Graphics.FromImage(target)) 
     { 
      g.DrawImage(src, new Rectangle(0, 0, target.Width, target.Height), cropRect, GraphicsUnit.Pixel); 
      cache.AddImage(count, target); 
     } 

    } 
    pageLeft = pageLeft - viewportHeight; 
} 

現在のスクリーンショットを見る方法

private Bitmap GetCurrentViewScreenshot() 
{ 
    int width, height; 
    width = ClientRectangle.Width; 
    height = ClientRectangle.Height; 


    using (Bitmap image = new Bitmap(width, height)) 
    { 
     using (Graphics graphics = Graphics.FromImage(image)) 
     { 
      Point p, upperLeftDestination; 
      Point upperLeftSource = new Point(0, 0); 
      p = new Point(0, 0); 
      upperLeftSource = PointToScreen(p); 
      upperLeftDestination = new Point(0, 0); 
      Size blockRegionSize = ClientRectangle.Size; 
      graphics.CopyFromScreen(upperLeftSource, upperLeftDestination, blockRegionSize); 

     } 
     return new Bitmap(image); 
    } 
} 

Answer 1

ない完璧なソリューションは、私がで1にforce-device-scale-factorフラグを設定することを含む回避策を見つけたもののCefSettings。ブラウザが高い表示に調整されておらず、ユーザーのためにテキストを読みにくくする可能性があるため、完璧ではありません。しかし、それはスクリーンショットに欠けているデータの私のより緊急な問題を修正します。

CefSettings settings = new CefSettings(); 
settings.CefCommandLineArgs.Add("force-device-scale-factor", "1"); 
Cef.Initialize(settings); 

この質問はまだありません。 :-)