Crie capturas de tela perfeitas de sites ou converta HTML diretamente em imagens usando os seguintes recursos de API PHP do GrabzIt. No entanto, antes de começar, lembre-se de que depois de ligar para o URLToImage, HTMLToImage or FileToImage métodos os Save or SaveTo O método deve ser chamado para criar a imagem.
Apenas um parâmetro é necessário para tirar uma captura de tela de uma página da web ou converter HTML intoa imagem como mostrado no exemplo a seguir.
$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
A API PHP do GrabzIt pode criar imagens em vários formatos, incluindo JPG, PNG, WEBP, BMP (bits 8, bits 16, bits 24 ou bits 32) e TIFF. O formato padrão para imagens é JPG. No entanto, a qualidade de uma imagem JPG pode não ser boa o suficiente para alguns aplicativos nessas circunstâncias. O formato PNG é recomendado para capturas de tela de imagem, pois oferece um bom equilíbrio entre qualidade e tamanho do arquivo. O exemplo abaixo mostra uma imagem sendo criada usando o formato PNG.
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setFormat("png"); $grabzIt->URLToImage("https://www.tesla.com", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setFormat("png"); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setFormat("png"); $grabzIt->FileToImage("example.html", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
O tamanho do navegador se refere ao tamanho da janela do navegador que será usada ao capturar a captura de tela na maioria dos casos, isso não precisa ser definido, pois o tamanho padrão do navegador será suficiente para quase todas as tarefas. Para definir o tamanho do navegador, basta passar um valor para o setBrowserWidth
e setBrowserHeight
métodos do GrabzItImageOptions classe.
É fácil alterar o tamanho de uma imagem, sem distorcer a imagem, é um pouco mais difícil. Para simplificar todo o processo, recomendamos que você use este calculadora de dimensão de imagem simples.
Se você deseja aumentar a largura e a altura da imagem para um tamanho maior que a largura e a altura do navegador, que por padrão é 1366 por pixels 728, a largura e a altura do navegador também devem ser aumentadas para corresponder.
Você pode passar um identificador personalizado para o imagem Como mostrado abaixo, esse valor é retornado ao seu manipulador GrabzIt PHP. Por exemplo, esse identificador personalizado pode ser um identificador de banco de dados, permitindo que uma captura de tela ou imagem seja associada a um registro específico do banco de dados.
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setCustomId(123456); $grabzIt->URLToImage("https://www.tesla.com", $options); //Then call the Save method $grabzIt->Save("http://www.example.com/handler.php");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $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.php");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setCustomId(123456); $grabzIt->FileToImage("example.html", $options); //Then call the Save method $grabzIt->Save("http://www.example.com/handler.php");
O GrabzIt permite que você tire uma captura de tela completa de uma página da web inteira para fazer isso. Você precisa passar um -1 para o setBrowserHeight
método. Para garantir que a imagem corresponda ao tamanho do navegador, passe -1 para o setHeight
e setWidth
métodos.
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $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");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $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");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $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");
Você também pode retornar capturas de tela que não são cortadas, mas cuidado, isso pode criar imagens grandes. Para fazer isso, passe um -1 para o setHeight
e / ou setWidth
métodos. Qualquer dimensão que for aprovada em um -1 não será cortada.
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setWidth(-1); $options->setHeight(-1); $grabzIt->URLToImage("https://www.tesla.com", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $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");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setWidth(-1); $options->setHeight(-1); $grabzIt->FileToImage("example.html", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
O uso desses valores especiais significa que você pode criar uma captura de tela que seja uma versão em escala completa de toda a página da web, se desejar!
O GrabzIt permite tirar uma captura de tela de um elemento HTML, como um div
or span
tag e capture todo o seu conteúdo. Para fazer isso, o elemento HTML que você deseja capturar a tela deve ser especificado como um Seletor CSS.
... <div id="features"> <img src="http://www.example.com/peace.jpg"/><h3>World Peace Announced</h3> </div> ...
Para o exemplo abaixo, selecionaremos a div com o ID "features" e a produziremos como uma imagem JPEG 250 x 250px.
$grabzIt = new \GrabzIt\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 $options = new \GrabzIt\GrabzItImageOptions(); $options->setWidth(250); $options->setHeight(250); $options->setFormat("jpg"); $options->setTargetElement("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
O próximo exemplo tira outra captura de tela da div "features", mas desta vez gera uma imagem JPEG com o tamanho exato da div.
$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("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); //Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");