Jak tworzyć zrzuty ekranu w wysokiej rozdzielczości?

Czasami możesz chcieć utworzyć zrzuty ekranu w wysokiej rozdzielczości (HD) lub siatkówkę. Te zrzuty ekranu w wysokiej rozdzielczości mają zwiększoną rozdzielczość, ale są wolniejsze i stają się jeszcze wolniejsze przy większych wymiarach, dlatego zaleca się, aby nie tworzyć zbyt dużych obrazów. W związku z tym prawdopodobnie będziesz musiał określić opóźnienie, aby dać szansę renderowania zrzutu ekranu.

Poniższy kod pokazuje, jak wykonać zrzut ekranu w wysokiej rozdzielczości w każdym języku, ustawiając parametr HD na true. Tworzy to obraz o wysokiej rozdzielczości, podwajając szerokość i wysokość obrazu, zwiększając rozdzielczość standardowego zrzutu ekranu czterokrotnie. Byłoby to jednak przeciwne do zamierzonego ustaw szerokość i wysokość na cokolwiek poza -1 ponieważ spowodowałoby to ponowne przeskalowanie obrazu!

• ASP.NET
• Jawa
• JavaScript
• node.js
• Perl
• PHP
• Python
• REST API
• Rubin

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.HD = true;
options.OutputWidth = -1;
options.OutputHeight = -1;
grabzIt.URLToImage("https://www.bbc.co.uk", options);
grabzIt.SaveTo("images/result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.setHd(true);
options.setWidth(-1);
options.setHeight(-1);
grabzIt.URLToImage("https://www.bbc.co.uk", options);
grabzIt.SaveTo("images/result.jpg");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk", 
{"hd":1,"width":-1,"height":-1}).Create();
</script>

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"hd":true,"width":"-1","height":"-1"};
client.url_to_image("https://www.bbc.co.uk", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->hd(1);
$options->width(-1);
$options->height(-1);
$grabzIt->URLToImage("https://www.bbc.co.uk", $options);
$grabzIt->SaveTo("images/result.jpg");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setHD(true);
$options->setWidth(-1);
$options->setHeight(-1);
$grabzIt->URLToImage("https://www.bbc.co.uk", $options);
$grabzIt->SaveTo($filepath);

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.hd  = True
options.width = -1
options.height = -1
grabzIt.URLToImage("https://www.bbc.co.uk", options)
grabzIt.SaveTo("images/result.jpg")

https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&format=jpg&hd=1&width=-1&height=-1&url=https%3A%2F%2Fwww.bbc.co.uk

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.hd = true
options.width = -1
options.height = -1
grabzItClient.url_to_image("https://www.bbc.co.uk", options)
grabzItClient.save_to("images/result.jpg")

Po lewej stronie znajduje się przykład standardowego zrzutu ekranu, a po prawej zrzut ekranu wysokiej rozdzielczości utworzony przez powyższy kod, oba zrzuty ekranu mają tę samą wysokość.

Precyzyjne ustawianie rozdzielczości obrazu

Można również tworzyć zrzuty ekranu w wysokiej rozdzielczości o różnych rozmiarach, określając szerokość większą niż szerokość przeglądarki. Następnie Grabz skaluje przeglądarkę, aby zatrzymać rozciąganie obrazu. Jednak pomiary wykonane podczas tworzenia zrzutów ekranu w wysokiej rozdzielczości w ten sposób są niedokładne, dlatego w tym trybie zrzuty pełnowymiarowe nie zawsze są idealnie skalowane lub skalowane.

Jeśli masz problemy z tworzeniem poprawnie skalowanych obrazów wysokiej rozdzielczości za pomocą tej metody, spróbuj użyć szerokości i wysokości obrazu x2, x3 lub x4 oryginalnych wymiarów przeglądarki.

Ten tryb również nie będzie działał poprawnie podczas celowania w elementy. Jeśli chcesz kierować elementy, zalecane jest ustawienie parametru HD, jak pokazano powyżej.