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

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

रूबी एपीआई

वेबपृष्ठों की बेहतर छवि स्क्रीनशॉट का निर्माण करें या निम्न विशेषताओं का उपयोग करके HTML को सीधे छवियों में परिवर्तित करें GrabzIt की रूबी एपीआई। हालांकि इससे पहले कि आप याद रखें कि कॉल करने के बाद url_to_image, html_to_image or file_to_image तरीके save or save_to छवि बनाने के लिए विधि को बुलाया जाना चाहिए।

मूल विकल्प

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

grabzItClient.url_to_image("https://www.tesla.com")
# Then call the save or save_to method
grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>")
# Then call the save or save_to method
grabzItClient.file_to_image("example.html")
# Then call the save or save_to method

छवि प्रारूप

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

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.format = "png"

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.png")

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

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

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

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

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

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

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

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.customId = "123456"

grabzItClient.file_to_image("example.html", options)
# Then call the save method
grabzItClient.save("http://www.example.com/handler/index")

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

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

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

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

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.url_to_image("https://www.tesla.com", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.html_to_image("<html><body><h1>Hello World!</h1></body></html>", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")
grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.width = -1
options.height = -1

grabzItClient.file_to_image("example.html", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")
ध्यान दें कि कोई पूर्ण लंबाई ब्राउज़र चौड़ाई नहीं है!

इन विशेष मानों का उपयोग करने का मतलब है कि आप एक स्क्रीनशॉट बना सकते हैं जो यदि आप चाहें तो पूरे वेब पेज का एक पूर्ण पैमाने पर संस्करण है!

किसी पृष्ठ तत्व का स्क्रीनशॉट लें

GrabzIt आपको एक HTML तत्व का स्क्रीनशॉट लेने की अनुमति देता है, जैसे कि ए div or span टैग करें, और उसकी सभी सामग्री को कैप्चर करें। ऐसा करने के लिए कि आप जिस HTML एलिमेंट को स्क्रीनशॉट लेना चाहते हैं, उसे एक के रूप में निर्दिष्ट किया जाना चाहिए सीएसएस चयनकर्ता.

...
<div id="features">
	<img src="http://www.example.com/rocket.jpg"/><h3>Rocket Launch Next Week</h3>
</div>
...

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

grabzItClient = GrabzIt::Client.new("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 = GrabzIt::ImageOptions.new()
options.width = 250
options.height = 250
options.format = "jpg"
options.targetElement = "#features"

grabzItClient.url_to_image("http://www.bbc.co.uk/news", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")

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

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

# The -1 indicates that image should not be cropped
options = GrabzIt::ImageOptions.new()
options.width = 250
options.height = 250
options.format = "jpg"
options.targetElement = "#features"
options.browserHeight = -1

grabzItClient.url_to_image("http://www.bbc.co.uk/news", options)
# Then call the save or save_to method
grabzItClient.save_to("result.jpg")