웹 캡처 및 변환 도구

PDF 내용의 자르기를 제어하는 ​​방법?

PDF 변환에서 HTML 요소가 대상으로 지정되면 HTML 요소만 표시되도록 결과가 잘립니다. 그러나 페이지의 나머지 부분을 어떻게 처리할 것인지에 대한 질문이 남아 있습니다. 상단에 대상 HTML 요소가 있는 전체 페이지를 표시해야 합니까, 아니면 HTML 요소만 표시해야 합니까?

기본적으로 전체 페이지는 페이지 상단에 타겟 HTML 요소와 함께 표시됩니다. 오른쪽 예와 같습니다.

그러나 페이지의 나머지 부분은 제외하고 선택한 HTML 요소만 표시하는 PDF를 생성해야 하는 경우도 있습니다. 이것이 어떻게 생겼는지에 대한 예가 왼쪽에 나와 있습니다.

이렇게 하려면 페이지 너비 및 높이 매개변수에 -1을 전달해야 합니다. 그러나 불행하게도 이 접근 방식은 PDF를 자르기 전에 렌더링해야 하기 때문에 더 복잡합니다.

따라서 기본 페이지 크기가 HTML 요소를 적절하게 렌더링할 만큼 크지 않은 경우 필요에 따라 적절하게 렌더링되도록 더 큰 페이지 크기 및/또는 방향을 설정해야 할 수도 있습니다. 예를 들어 A3 또는 B3 등의 페이지 크기와 가로 방향을 시도해 보세요.

페이지 크기를 HTML 대상에 맞게 자동으로 자르기

자동 크기 조정 페이지 크기 기능이 작동합니다. HTML 요소가 타겟이 될 때.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
PDFOptions options = new PDFOptions();
options.TargetElement = "#Article";
options.PageWidth = -1;
options.PageHeight = -1;
grabzIt.URLToPDF("http://www.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/Home/Handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
PDFOptions options = new PDFOptions();
options.setTargetElement("#Article");
options.setPageWidth(-1);
options.setPageHeight(-1);
grabzIt.URLToPDF("http://www.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
{"format": "pdf", "download": 1, "target": "#Article", "height": -1, "width": -1}).Create();
</script>
var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"targetElement":"#Article","pageWidth":-1,"pageHeight":-1};
client.url_to_pdf("http://www.spacex.com", options);
client.save("http://www.example.com/handler", function (error, id){
    if (error != null){
        throw error;
    }
});
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItPDFOptions->new();
$options->targetElement("#Article");
$options->pageWidth(-1);
$options->pageHeight(-1);
$grabzIt->URLToPDF("http://www.spacex.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.pl");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItPDFOptions();
$options->setTargetElement("#Article");
$options->setPageWidth(-1);
$options->setPageHeight(-1);
$grabzIt->URLToPDF("http://www.spacex.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.php");
grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItPDFOptions.GrabzItPDFOptions()
options.targetElement = "#Article"
options.pageWidth = -1
options.pageHeight = -1
grabzIt.URLToPDF("http://www.spacex.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")
https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=pdf&target=%23Article&height= -1&width=-1&url=https%3A%2F%2Fspacex.com%2F
grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::PDFOptions.new()
options.targetElement = "#Article"
options.pageWidth = -1
options.pageHeigh = -1
grabzIt.url_to_pdf("http://www.spacex.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")