वेब पर कब्जा और परिवर्तित करने के लिए उपकरण

कैप्चर वेबसाइट स्क्रीनशॉट या HTML को इमेज में बदलें

पीएचपी एपीआई

निम्नलिखित सुविधाओं का उपयोग करके वेबसाइटों की संपूर्ण छवि स्क्रीनशॉट बनाएं या HTML को सीधे छवियों में बदलें GrabzIt's PHP API। हालांकि इससे पहले कि आप याद रखें कि कॉल करने के बाद URLToImage, HTMLToImage or FileToImage तरीके Save or SaveTo छवि बनाने के लिए विधि को बुलाया जाना चाहिए।

मूल विकल्प

वेब पेज का स्क्रीनशॉट लेने के लिए या केवल एक पैरामीटर की आवश्यकता होती है HTML कन्वर्ट intओए छवि जैसा कि निम्नलिखित उदाहरण में दिखाया गया है।

$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 प्रारूप की छवि स्क्रीनशॉट के लिए अनुशंसित है क्योंकि यह गुणवत्ता और फ़ाइल आकार के बीच एक अच्छा संतुलन देता है। नीचे दिए गए उदाहरण में पीएनजी प्रारूप का उपयोग करके बनाई जा रही छवि को दिखाया गया है।

$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 पिक्सेल द्वारा 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 एलिमेंट को स्क्रीनशॉट लेना चाहते हैं, उसे एक के रूप में निर्दिष्ट किया जाना चाहिए सीएसएस चयनकर्ता.

...
<div id="features">
	<img src="http://www.example.com/peace.jpg"/><h3>World Peace Announced</h3>
</div>
...

नीचे दिए गए उदाहरण के लिए हम आईडी "फीचर्स" के साथ div का चयन करेंगे और इसे 250 x 250px JPM इमेज के रूप में आउटपुट करेंगे।

$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 का एक और स्क्रीनशॉट लेता है लेकिन इस बार JPEG इमेज को आउटपुट करता है जो 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");