使用以下功能創建完美的網站圖像截圖或將HTML直接轉換為圖像 GrabzIt的Perl API。 但是,在開始之前,請記住 URLToImage, HTMLToImage or FileToImage 方法 Save or SaveTo 必須調用方法來創建圖像。
只需一個參數即可截取網頁或 轉換HTML intoa圖片 如以下示例所示。
$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的Perl API可以創建幾種格式的圖像,包括JPG,PNG,WEBP,BMP(8位,16位,24位或32位)和TIFF。 圖像截圖的默認格式為JPG。 但是,在這些情況下,對於某些應用程序而言,JPG圖像的質量可能不夠好,建議對圖像截圖使用PNG格式,因為它可以在質量和文件大小之間取得良好的平衡。 以下示例顯示了使用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");
瀏覽器大小是指在大多數情況下不需要捕獲屏幕快照時將使用的瀏覽器窗口的大小,因為所有大多數任務都將使用默認瀏覽器大小就足夠了。 要使用默認瀏覽器大小,只需通過 0
到 browserWidth
及 browserHeight
的方法 抓斗ImageOptions 類。
更改圖像的大小很容易,但要做到不扭曲圖像就更難了。 為了簡化整個過程,我們建議您使用 簡單的圖像尺寸計算器.
如果要將圖像的寬度和高度增加到大於瀏覽器的寬度和高度(默認為1366 x 728像素),則瀏覽器的寬度和高度也必須增加以匹配。
您可以將自定義標識符傳遞給 圖片 方法,如下所示,然後將該值返回到您的GrabzIt Perl處理程序。 例如,該自定義標識符可以是數據庫標識符,從而允許將屏幕截圖與特定數據庫記錄相關聯。
$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允許您拍攝整個網頁的完整屏幕截圖,您需要將-1傳遞給 browserHeight
方法。 為了確保圖片與瀏覽器大小匹配,請將-1傳遞給 height
及 width
方法。
$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");
您還可以返回未裁剪的縮略圖,但是請注意,這會創建較大的圖像。 為此,將-1傳遞給 height
和/或 width
方法。 通過-1的尺寸將不會被裁剪。
$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");
在瀏覽器的height,width和output height方法中使用這些特殊值意味著您可以根據需要創建一個截屏,截屏大小與整個網頁的大小完全相同!
GrabzIt允許您截取HTML元素的屏幕截圖,例如 div
or span
標記並捕獲其所有內容。 為此,您必須將要截屏的HTML元素指定為 CSS選擇器.
... <div id="features"> <img src="http://www.example.com/boy.jpg"/><h3>Boy Found</h3> </div> ...
在下面的代碼片段中,我們將截屏id為“ features”的div,並將其作為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");
下一個示例創建“功能” div的另一個屏幕截圖,但是這次輸出的JPEG圖像與瀏覽器中div的確切大小相同。
$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");