Tools om het web vast te leggen en te converteren

Maak website-screenshots of converteer HTML naar afbeeldingenPerl API

Maak perfecte afbeeldingen van websites of converteer HTML rechtstreeks naar afbeeldingen met behulp van de volgende functies van GrabzIt's Perl API. Onthoud echter voordat u begint dat nadat u de URLToImage, HTMLToImage or FileToImage methoden de Save or SaveTo methode moet worden aangeroepen om de afbeelding te maken.

Basisopties

Er is slechts één parameter vereist om een ​​screenshot te maken van een webpagina of HTML omzetten inteen afbeelding zoals getoond in het volgende voorbeeld.

$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

Image Formaten

De Perl API van GrabzIt kan afbeeldingen in verschillende formaten maken, waaronder JPG, PNG, WEBP, BMP (8 bit, 16 bit, 24 bit of 32 bit) en TIFF. Het standaardformaat voor schermafbeeldingen van afbeeldingen is JPG. De kwaliteit van een JPG-afbeelding is echter voor sommige toepassingen mogelijk niet goed genoeg in deze omstandigheden. Het PNG-formaat wordt aanbevolen voor schermafbeeldingen van afbeeldingen, omdat het een goede balans biedt tussen kwaliteit en bestandsgrootte. In het onderstaande voorbeeld wordt een screenshot van een afbeelding gemaakt met het PNG-formaat.

$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");

Browsergrootte

De browsergrootte verwijst naar de grootte van het browservenster die wordt gebruikt bij het maken van de schermafbeelding. In de meeste gevallen hoeft dit niet te worden ingesteld, omdat de standaardbrowser voldoende is voor bijna alle taken. Om de standaard browsergrootte te gebruiken, geeft u gewoon door 0 aan de browserWidth en browserHeight methoden van de GrabzItImageOptions klasse.

Wijzig afbeeldingsgrootte

Het wijzigen van de grootte van een afbeelding is eenvoudig, het is een beetje moeilijker zonder de afbeelding te vervormen. Om het hele proces eenvoudiger te maken, raden we u aan dit te gebruiken eenvoudige beeldafmetingscalculator.

Als u de breedte en hoogte van de afbeelding wilt vergroten tot een grootte die groter is dan de breedte en hoogte van de browser, die standaard 1024 bij 728 pixels is, moeten de breedte en hoogte van de browser ook worden aangepast om overeen te komen.

Aangepaste identificatie

U kunt een aangepaste identificatie doorgeven aan de beeld methoden zoals hieronder weergegeven, wordt deze waarde vervolgens teruggegeven aan uw GrabzIt Perl-handler. Deze aangepaste identificatie kan bijvoorbeeld een database-identificatie zijn, waardoor een screenshot kan worden gekoppeld aan een bepaald database-record.

$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");

Screenshot op volledige lengte

Met GrabzIt kunt u een volledige screenshot maken van een hele webpagina om dit te doen moet u een -1 doorgeven aan de browserHeight methode. Om ervoor te zorgen dat de afbeelding overeenkomt met de grootte van de browser, geeft u dit een -1 door aan de height en width werkwijzen.

$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");

U kunt ook miniaturen retourneren die niet zijn bijgesneden, maar let op dit kan grote afbeeldingen maken. Geef hiervoor een -1 door aan de height en / of width methoden. De dimensie die wordt doorgegeven als een -1 wordt niet bijgesneden.

$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");
Let op: er is geen browserbreedte over de volledige lengte!

Het gebruik van deze speciale waarden in de methoden hoogte, breedte en uitvoerhoogte van de browser betekent dat u desgewenst een screenshot kunt maken met de exacte grootte van de hele webpagina!

Maak een screenshot van een pagina-element

Met GrabzIt kunt u een screenshot maken van een HTML-element, zoals een div or span tag en leg alle inhoud vast. Om dit te doen moet de id of klasse van het HTML-element dat u wilt screenshot als een worden opgegeven CSS-selector.

...
<div id="features">
	<img src="http://www.example.com/boy.jpg"/><h3>Boy Found</h3>
</div>
...

In het onderstaande codefragment zullen we een screenshot maken van de div met de id "features" en deze retourneren als een 250 x 250px JPEG-afbeelding.

$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");

Het volgende voorbeeld maakt een ander screenshot van de div "features", maar deze keer wordt een JPEG-afbeelding met de exacte grootte van de div in de browser uitgevoerd.

$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");