जब HTML तत्व को पीडीएफ रूपांतरण में लक्षित किया जाता है तो परिणाम केवल HTML तत्व दिखाने के लिए क्रॉप किया जाता है। हालांकि, यह सवाल बाकी पेज के साथ क्या करना है, के रूप में बना हुआ है। क्या पूरा पृष्ठ शीर्ष HTML या लक्षित HTML तत्व के साथ दिखाया जाना चाहिए?

डिफ़ॉल्ट रूप से पूरा पृष्ठ पृष्ठ के शीर्ष पर दिखाए गए लक्षित HTML तत्व के साथ दिखाया गया है। जैसा कि उदाहरण में दाईं ओर दिखाया गया है।
हालांकि कभी-कभी एक पीडीएफ उत्पन्न करने की आवश्यकता होती है जो केवल शेष पृष्ठ के बिना चयनित HTML तत्व दिखाएगा। यह कैसा दिखेगा इसका एक उदाहरण बाईं ओर दिखाया गया है।
ऐसा करने के लिए आपको पृष्ठ की चौड़ाई और ऊँचाई के मापदंडों को -1 पास करना होगा। दुर्भाग्य से, हालांकि यह दृष्टिकोण अधिक जटिल है क्योंकि पीडीएफ को क्रॉप करने से पहले इसे प्रस्तुत करना होगा।
इसलिए यदि डिफ़ॉल्ट पृष्ठ आकार HTML तत्व को अच्छी तरह से प्रस्तुत करने के लिए पर्याप्त बड़ा नहीं है, तो आपको यह सुनिश्चित करने के लिए एक बड़ा पृष्ठ आकार और / या अभिविन्यास सेट करने की आवश्यकता हो सकती है कि यह ठीक से आवश्यकतानुसार प्रदान किया गया है।
स्वचालित रूप से HTML लक्ष्य पर पृष्ठ का आकार क्रॉप करें
ध्यान दें कि ऑटो-साइज़िंग पेज साइज़ फीचर काम करेगा केवल जब कोई HTML तत्व लक्षित होता है।
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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;
}
});