Maak perfecte afbeeldingen van websites of converteer HTML rechtstreeks naar afbeeldingen met behulp van de volgende functies van GrabzIt's Java 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 screenshot te maken.
Er is slechts één parameter vereist om een screenshot van een webpagina te maken of HTML omzetten into een afbeelding het dossier. 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
De Java API van GrabzIt kan beeldschermafbeeldingen maken in verschillende formaten, 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 JPEG-afbeelding is echter voor sommige apps 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.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setFormat(ImageFormat.PNG); grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setFormat(ImageFormat.PNG); grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setFormat(ImageFormat.PNG); grabzIt.FileToImage("example.html", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
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 browsergrootte in te stellen, geeft u gewoon een waarde door aan de setBrowserWidth
en setBrowserHeight
methoden van de ImageOptions klasse.
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 1366 bij 728 pixels is, moeten de breedte en hoogte van de browser ook worden aangepast om overeen te komen.
U kunt een aangepaste identificatie doorgeven aan de beeld methoden zoals hieronder weergegeven, wordt deze waarde vervolgens teruggegeven aan uw GrabzIt Java-handler. Deze aangepaste identificatie kan bijvoorbeeld een database-identificatie zijn, waardoor een screenshot kan worden gekoppeld aan een bepaald database-record.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setCustomId("123456"); grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save method grabzIt.Save("http://www.example.com/handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setCustomId("123456"); grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save method grabzIt.Save("http://www.example.com/handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setCustomId("123456"); grabzIt.FileToImage("example.html", options); //Then call the Save method grabzIt.Save("http://www.example.com/handler");
Met GrabzIt kunt u een volledige screenshot maken van een hele webpagina om dit te doen moet u een -1 doorgeven aan de setBrowserHeight
methode. Om ervoor te zorgen dat de afbeelding overeenkomt met de grootte van de browser, geeft u dit een -1 door aan de setHeight
en setWidth
werkwijzen.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setBrowserHeight(-1); options.setWidth(-1); options.setHeight(-1); grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("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.setBrowserHeight(-1); options.setWidth(-1); options.setHeight(-1); grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("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.setBrowserHeight(-1); options.setWidth(-1); options.setHeight(-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 setHeight
en / of setWidth
methoden. Elke dimensie die wordt doorgegeven als een -1 wordt niet bijgesneden.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.setWidth(-1); options.setHeight(-1); grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("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.setWidth(-1); options.setHeight(-1); grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("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.setWidth(-1); options.setHeight(-1); grabzIt.FileToImage("example.html", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
Als u deze speciale waarden gebruikt, kunt u desgewenst een screenshot maken van een volledige versie van de hele webpagina.
Met GrabzIt kunt u een screenshot maken van elk HTML-element zolang het een id- of klasse-kenmerk heeft, zoals een div
or span
tag, en leg al zijn inhoud vast. Om dit te doen, moet het HTML-element waarvan u een screenshot wilt maken, worden opgegeven als een CSS-selector.
... <div id="features"> <img src="http://www.example.com/football.jpg"/><h3>Local Team Loses</h3> </div> ...
In het onderstaande voorbeeld wordt de div met de id "features" vastgelegd en uitgevoerd als een 250 x 250px JPEG-afbeelding.
GrabzItClient grabzIt = new GrabzItClient("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 ImageOptions options = new ImageOptions(); options.setWidth(250); options.setHeight(250); options.setFormat(ImageFormat.JPG); options.setTargetElement("#features"); grabzIt.URLToImage("http://www.bbc.co.uk/news", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
In het volgende voorbeeld wordt opnieuw de div "features" vastgelegd, maar deze keer wordt een JPEG-afbeelding uitgevoerd die exact dezelfde grootte heeft als de div.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); // The -1 indicates that image should not be cropped ImageOptions options = new ImageOptions(); options.setWidth(-1); options.setHeight(-1); options.setBrowserHeight(-1); options.setFormat(ImageFormat.JPG); options.setTargetElement("#features"); grabzIt.URLToImage("http://www.bbc.co.uk/news", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");