다음 기능을 사용하여 웹 사이트의 완벽한 이미지 스크린 샷을 만들거나 HTML을 이미지로 바로 변환하십시오. GrabzIt는 PHP 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의 PHP API는 JPG, PNG, WEBP, BMP (8 비트, 16 비트, 24 비트 또는 32 비트) 및 TIFF를 포함한 다양한 형식의 이미지를 생성 할 수 있습니다. 이미지의 기본 형식은 JPG입니다. 그러나 JPG 이미지의 품질은 이러한 상황에서 일부 응용 프로그램에 충분하지 않을 수 있습니다. PNG 형식은 이미지 스크린 샷에 권장됩니다. 품질과 파일 크기 사이의 균형이 좋기 때문입니다. 아래 예제는 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");
브라우저 크기는 대부분의 경우 스크린 샷을 캡처 할 때 사용되는 브라우저 창의 크기를 나타내며 대부분의 모든 작업에 기본 브라우저 크기로 충분하므로 설정할 필요는 없습니다. 브라우저 크기를 설정하려면 값을 setBrowserWidth
및 setBrowserHeight
방법 GrabzItImageOptions 클래스입니다.
이미지의 크기를 변경하는 것은 쉽습니다. 이미지를 왜곡하지 않고 이미지를 만드는 것은 조금 더 어렵습니다. 전체 프로세스를 단순화하려면 다음을 사용하는 것이 좋습니다. 간단한 이미지 치수 계산기.
이미지 너비와 높이를 브라우저 너비와 높이보다 큰 크기로 늘리려면 (기본적으로 1366 x 728 픽셀) 브라우저 너비와 높이도 일치하도록 늘려야합니다.
사용자 지정 식별자를 영상 아래 표시된대로 메소드를 사용하면이 값이 GrabzIt 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->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");
GrabzIt을 사용하면 전체 웹 페이지의 전체 길이 스크린 샷을 찍어 -1를 setBrowserHeight
방법. 이미지가 브라우저의 크기와 일치하도록하려면 -1를 setHeight
및 setWidth
방법.
$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");
자르지 않은 스크린 샷을 반환 할 수도 있지만이 경우 큰 이미지가 생성 될 수 있습니다. 이렇게하려면 -1를 setHeight
및 / 또는 setWidth
행동 양식. -1에 전달 된 치수는 잘리지 않습니다.
$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");
이러한 특수 값을 사용하면 원하는 경우 전체 웹 페이지의 전체 버전 인 스크린 샷을 만들 수 있습니다.
GrabzIt과 같은 HTML 요소의 스크린 샷을 만들 수 있습니다 div
or span
태그를 지정하고 모든 콘텐츠를 캡처합니다. 이렇게하려면 스크린 샷을 찍으려는 HTML 요소를 CSS 선택기.
... <div id="features"> <img src="http://www.example.com/peace.jpg"/><h3>World Peace Announced</h3> </div> ...
아래 예에서는 id가 "features"인 div를 선택하고 250 x 250px JPEG 이미지로 출력합니다.
$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");
다음 예는 "기능"div의 다른 스크린 샷을 찍지 만 이번에는 div의 정확한 크기 인 JPEG 이미지를 출력합니다.
$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");