In de volgende voorbeelden zullen we de inhoud in de DIV hieronder vastleggen.
Stel de breedte en hoogte van de afbeelding in op -1 zodat de afbeelding overeenkomt met de grootte van het beoogde HTML-element. Door de browserhoogte in te stellen op -1, wordt de lengte van het browservenster ook automatisch vergroot om ervoor te zorgen dat als het beoogde HTML-element past into de browser.
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Node.js. Om te beginnen met het maken van afbeeldingen download het Node.js-pakket, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Node.js om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.
var grabzit = require('grabzit');
var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
// The minus ones indicates that image should not be cropped
var options = {"browserHeight":-1, "width":-1, "height":-1, "format":"jpg", "target":"#Article"};
client.url_to_image("http://www.example.com/", options);
client.save_to("images/result.jpg", function (error, id){
if (error != null){
throw error;
}
});
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met PHP. Om te beginnen met het maken van afbeeldingsbestanden download de PHP-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor PHP om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.
include("GrabzItClient.php");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
// The -1 indicates that image should not be cropped
$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);
$options->setBrowserHeight(-1);
$options->setFormat("jpg");
$options->setTargetElement("#Article");
$grabzIt->URLToImage("http://www.example.com/", $options);
$grabzIt->SaveTo("images/result.jpg");
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Python. Om te beginnen met het maken van afbeeldingen download de Python-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Python om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.
from GrabzIt import GrabzItClient
grabzIt = GrabzItClient.GrabzItClient("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.GrabzItImageOptions()
options.width = 250
options.height = 250
options.browserHeight = -1
options.format = "jpg"
options.targetElement = "#Article"
grabzIt.URLToImage("http://www.example.com/", options)
grabzIt.SaveTo("images/result.jpg")
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.
https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&width=-1&height=-1&bheight=-1&target=%23Article&format=jpg&url=https%3A%2F%2Fwww.example.com%2F
Bij het converteren van een vastgelegd HTML-element into Word-document het vastgelegde HTML-element zal linksboven op de Word-documentpagina verschijnen.
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.
https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&target=%23Article&format=docx&url=https%3A%2F%2Fwww.example.com%2F
De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.
https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&target=%23Article&format=pdf&url=https%3A%2F%2Fwww.example.com%2F