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

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

मूल विकल्प

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

छवि के लिए URL
HTML से Image
छवि के लिए फ़ाइल

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 के ASP.NET एपीआई JPG, PNG, WEBP, BMP (8 बिट, 16 बिट, 24 बिट या 32 बिट) और TIFF सहित कई स्वरूपों में छवि स्क्रीनशॉट ले सकते हैं। छवि स्क्रीनशॉट के लिए डिफ़ॉल्ट प्रारूप JPG है। हालाँकि, JPG छवि की गुणवत्ता इन परिस्थितियों में कुछ अनुप्रयोगों के लिए पर्याप्त अच्छी नहीं हो सकती है, PNG प्रारूप को छवि स्क्रीनशॉट के लिए अनुशंसित किया जाता है क्योंकि यह गुणवत्ता और फ़ाइल आकार के बीच एक अच्छा संतुलन देता है। नीचे दिए गए उदाहरण में पीएनजी प्रारूप का उपयोग करके एक छवि स्क्रीनशॉट लिया जा रहा है।

छवि के लिए URL
HTML से Image
छवि के लिए फ़ाइल

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.FileToImage("example.html", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");

ब्राउज़र का आकार

ब्राउज़र आकार ब्राउज़र विंडो के आकार को संदर्भित करता है जो कि स्क्रीनशॉट को कैप्चर करते समय उपयोग किया जाएगा अधिकांश मामलों में इसे सेट करने की आवश्यकता नहीं है क्योंकि डिफ़ॉल्ट ब्राउज़र आकार सभी सभी कार्यों के लिए पर्याप्त होगा। ब्राउज़र आकार सेट करने के लिए बस एक मान पास करें BrowserWidth और BrowserHeight के गुण ImageOptions वर्ग.

छवि का आकार बदलें

एक छवि का आकार बदलना आसान है, छवि को विकृत किए बिना करना थोड़ा कठिन है। पूरी प्रक्रिया को सरल बनाने के लिए हम आपको इसका उपयोग करने की सलाह देते हैं सरल छवि आयाम कैलकुलेटर.

यदि आप ब्राउज़र की चौड़ाई और ऊँचाई की तुलना में छवि की चौड़ाई और ऊँचाई को बड़े आकार में बढ़ाना चाहते हैं, जो डिफ़ॉल्ट रूप से 1024 पिक्सेल द्वारा 728 है, तो ब्राउज़र की चौड़ाई और ऊँचाई को भी मिलान के लिए बढ़ाना होगा।

कस्टम पहचानकर्ता

आप एक कस्टम पहचानकर्ता को पास कर सकते हैं की छवि नीचे दिखाए गए तरीके, यह मान तब आपके GrabzIt ASP.NET हैंडलर को वापस कर दिया जाता है। उदाहरण के लिए, यह कस्टम पहचानकर्ता एक डेटाबेस पहचानकर्ता हो सकता है, जो स्क्रीनशॉट को किसी विशेष डेटाबेस रिकॉर्ड से जुड़ा होने की अनुमति देता है।

छवि के लिए URL
HTML से Image
छवि के लिए फ़ाइल

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.FileToImage("example.html", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");

पूर्ण लंबाई स्क्रीनशॉट

GrabzIt आपको एक संपूर्ण वेब पेज की पूरी लंबाई का स्क्रीनशॉट लेने की अनुमति देता है ऐसा करने के लिए आपको एक -1 पास करना होगा BrowserHeight की संपत्ति ImageOptions कक्षा। यह सुनिश्चित करने के लिए कि छवि ब्राउज़र के आकार से मेल खाती है, यह एक -1 पास है OutputHeight और OutputWidth गुण।

छवि के लिए URL
HTML से Image
छवि के लिए फ़ाइल

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.FileToImage("example.html", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

आप उन थंबनेल को भी वापस कर सकते हैं जो क्रॉप नहीं हैं, लेकिन सावधान रहें इससे बड़ी छवियां बन सकती हैं। ऐसा करने के लिए -1 को पास करें OutputHeight और / या OutputWidth गुण। कोई भी आयाम जो एक -1 पास होता है, उसे क्रॉप नहीं किया जाएगा।

छवि के लिए URL
HTML से Image
छवि के लिए फ़ाइल

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -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/hot.jpg"/><h3>Heatwave Starting</h3>
</div>
...

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

GrabzItClient grabzIt = new 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
ImageOptions options = new ImageOptions();
options.OutputWidth = 250;
options.OutputHeight = 250;
options.Format = ImageFormat.jpg;
options.TargetElement = "#features";

grabzIt.URLToImage("http://www.bbc.co.uk/news", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

अगला उदाहरण "फीचर्स" div का एक और स्क्रीनशॉट लेता है लेकिन इस बार JPEG इमेज को आउटपुट करता है जो div का सटीक आकार है।

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The -1 indicates that image should not be cropped
ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;
options.BrowserHeight = -1;
options.Format = ImageFormat.jpg;
options.TargetElement = "#features";

grabzIt.URLToImage("http://www.bbc.co.uk/news", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");