वेब कॅप्चर आणि रूपांतरित करण्यासाठी साधने

वेबसाइट स्क्रीनशॉट कॅप्चर करा किंवा प्रतिमांमध्ये एचटीएमएल रूपांतरित करा

PHP API

वेबसाइटचे परिपूर्ण प्रतिमा स्क्रीनशॉट तयार करा किंवा खालील वैशिष्ट्यांचा वापर करून HTML थेट प्रतिमांमध्ये रूपांतरित करा GrabzIt चे PHP API. तथापि आपण सुरू करण्यापूर्वी लक्षात ठेवा की कॉल केल्यावर URLToImage, HTMLToImage or FileToImage पद्धती Save or SaveTo प्रतिमा तयार करण्यासाठी पद्धत कॉल करणे आवश्यक आहे.

मूलभूत पर्याय

वेब पृष्ठाचा स्क्रीनशॉट घेण्यासाठी फक्त एक पॅरामीटर आवश्यक आहे किंवा एचटीएमएल रूपांतरित करा 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 = 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 वर्ग.

प्रतिमा आकार बदला

प्रतिमेचा आकार बदलणे सोपे आहे, प्रतिमा विकृत न करता ते करणे थोडे कठिण आहे. संपूर्ण प्रक्रिया सुलभ करण्यासाठी आम्ही आपल्याला याचा वापर करण्याची शिफारस करतो साधे प्रतिमा परिमाण कॅल्क्युलेटर.

आपण ब्राउझरच्या रुंदी आणि उंचीपेक्षा मोठ्या आकारात प्रतिमेची रुंदी आणि उंची वाढवू इच्छित असल्यास, डीफॉल्टनुसार एक्सएनयूएमएक्सने एक्सएनयूएमएक्स पिक्सलद्वारे, ब्राउझरची रुंदी आणि उंची देखील जुळण्यासाठी वाढविली पाहिजे.

सानुकूल अभिज्ञापक

आपण एक सानुकूल अभिज्ञापक पास करू शकता प्रतिमा खाली दर्शविल्या गेलेल्या पद्धती, हे मूल्य नंतर आपल्या 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 पद्धती. -एक्सएनयूएमएक्स उत्तीर्ण होणारे कोणतेही परिमाण क्रॉप केले जाणार नाही.

$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");
लक्षात ठेवा ब्राउझरची पूर्ण लांबी नाही.

ही विशेष मूल्ये वापरण्याचा अर्थ असा आहे की आपण इच्छित असल्यास आपण संपूर्ण वेब पृष्ठाची संपूर्ण आवृत्ती असलेली स्क्रीनशॉट तयार करू शकता!

पृष्ठ घटकांचा स्क्रीनशॉट घ्या

ग्रॅबझिट आपल्याला एचटीएमएल घटकाचा स्क्रीनशॉट घेण्यास अनुमती देते, जसे की div or span टॅग करा आणि त्याची सर्व सामग्री कॅप्चर करा. हे करण्यासाठी एचटीएमएल घटक आपण स्क्रीनशॉट करू इच्छित एक म्हणून निर्दिष्ट करणे आवश्यक आहे सीएसएस निवडकर्ता.

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

खाली दिलेल्या उदाहरणासाठी आम्ही आयडी "वैशिष्ट्ये" सह डिव्ह निवडू आणि त्यास एक्सएनयूएमएक्स एक्स एक्सएनयूएमएक्सपीएक्स जेपीईजी प्रतिमा म्हणून आउटपुट करू.

$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 चा अचूक आकार आहे.

$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");