Twórz idealne zrzuty ekranu ze stron internetowych lub konwertuj HTML bezpośrednio na obrazy, korzystając z następujących funkcji GrabzIt's Perl API. Jednak zanim zaczniesz, pamiętaj, że po wywołaniu URLToImage, HTMLToImage or FileToImage metody Save or SaveTo należy wywołać metodę, aby utworzyć obraz.
Do zrobienia zrzutu ekranu strony internetowej lub wymagany jest tylko jeden parametr przekonwertować HTML into obrazie jak pokazano w poniższym przykładzie.
$grabzIt->URLToImage("https://www.tesla.com"); # Then call the Save or SaveTo method
$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>"); # Then call the Save or SaveTo method
$grabzIt->FileToImage("example.html"); # Then call the Save or SaveTo method
GrabzIt's Perl API może tworzyć obrazy w kilku formatach, w tym JPG, PNG, WEBP, BMP (bit 8, bit 16, bit 24 lub bit 32) i TIFF. Domyślnym formatem zrzutów ekranu jest JPG. Jednak jakość obrazu JPG może nie być wystarczająca dla niektórych aplikacji. W takich okolicznościach zalecany jest format PNG do zrzutów ekranu obrazów, ponieważ zapewnia dobrą równowagę między jakością a rozmiarem pliku. Poniższy przykład pokazuje zrzut ekranu wykonany w formacie PNG.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
Rozmiar przeglądarki odnosi się do rozmiaru okna przeglądarki, które będzie używane podczas przechwytywania zrzutu ekranu, w większości przypadków nie trzeba go ustawiać, ponieważ domyślny rozmiar przeglądarki będzie wystarczający dla wszystkich większości zadań. Aby użyć domyślnego rozmiaru przeglądarki, po prostu podaj 0
do browserWidth
i browserHeight
metody GrabzItImageOptions class.
Zmiana rozmiaru obrazu jest łatwa, robienie tego bez zniekształcania obrazu jest nieco trudniejsze. Aby uprościć cały proces, zalecamy skorzystanie z tego prosty kalkulator wymiarów obrazu.
Jeśli chcesz zwiększyć szerokość i wysokość obrazu do rozmiaru większego niż szerokość i wysokość przeglądarki, którym domyślnie jest 1366 na piksele 728, szerokość i wysokość przeglądarki również muszą zostać zwiększone, aby pasowały.
Możesz przekazać niestandardowy identyfikator do obraz metody pokazane poniżej, ta wartość jest następnie zwracana do twojego programu obsługi GrabzIt Perl. Na przykład ten niestandardowy identyfikator może być identyfikatorem bazy danych, umożliwiając skojarzenie zrzutu ekranu z określonym rekordem bazy danych.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->FileToImage("example.html", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
GrabzIt pozwala zrobić pełny zrzut ekranu całej strony internetowej, aby to zrobić, musisz przekazać -1 do browserHeight
metoda. Aby upewnić się, że obraz odpowiada rozmiarowi przeglądarki, przekaż -1 do height
i width
Metody.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
Możesz także zwracać miniatury, które nie są przycięte, ale uwaga: może to powodować tworzenie dużych obrazów. Aby to zrobić, przekaż -1 do height
i / lub width
metody Wymiar przekazany przez -1 nie zostanie przycięty.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
Użycie tych specjalnych wartości w metodach wysokości, szerokości i wysokości wydruku oznacza, że możesz utworzyć zrzut ekranu, który jest dokładny rozmiar całej strony, jeśli chcesz!
GrabzIt pozwala wykonać zrzut ekranu elementu HTML, takiego jak div
or span
i przechwyć całą jego zawartość. Aby to zrobić, element HTML, który chcesz zrzut ekranu, musi być określony jako Selektor CSS.
... <div id="features"> <img src="http://www.example.com/boy.jpg"/><h3>Boy Found</h3> </div> ...
W poniższym fragmencie kodu zrzut ekranu div z identyfikatorem „funkcje” i zwracamy jako obraz JPEG 250 x 250px JPEG.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); # The 250 parameters indicates that image should be sized to 250 x 250 px $options = GrabzItImageOptions->new(); $options->width(250); $options->height(250); $options->format("jpg"); $options->targetElement("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
Następny przykład tworzy kolejny zrzut ekranu „div” funkcji, ale tym razem wyświetla obraz JPEG o dokładnym rozmiarze div w przeglądarce.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); # The -1 indicates that image should not be cropped $options = GrabzItImageOptions->new(); $options->width(250); $options->height(250); $options->browserHeight(-1); $options->format("jpg"); $options->targetElement("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");