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

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

वेबपृष्ठांचे चांगले प्रतिमा स्क्रीनशॉट तयार करा किंवा खालील वैशिष्ट्यांचा वापर करून एचटीएमएलला थेट प्रतिमांमध्ये रूपांतरित करा ग्रॅबझिटची रुबी एपीआय. तथापि आपण सुरू करण्यापूर्वी लक्षात ठेवा की कॉल केल्यावर url_to_image, html_to_image or file_to_image पद्धती save or save_to प्रतिमा तयार करण्यासाठी पद्धत कॉल करणे आवश्यक आहे.

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

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

प्रतिमा स्वरूप

ग्रॅबझिटची रुबी एपीपी जेपीजी, पीएनजी, वेबईपीपी, बीएमपी (एक्सएनयूएमएक्स बिट, एक्सएनयूएमएक्स बिट, एक्सएनयूएमएक्स बिट किंवा एक्सएनयूएमएक्स बिट) आणि टीआयएफएफ यासह अनेक स्वरूपात प्रतिमा स्क्रीनशॉट घेऊ शकतात. प्रतिमेच्या स्क्रीनशॉटचे डीफॉल्ट स्वरूप जेपीजी आहे. तथापि जेपीजी प्रतिमेची गुणवत्ता काही अनुप्रयोगांसाठी चांगली नसते कदाचित या परिस्थितीत प्रतिमा स्क्रीनशॉटसाठी पीएनजी स्वरुपाची शिफारस केली जाते कारण ते गुणवत्ता आणि फाईल आकारामध्ये चांगले संतुलन देते. खाली दिलेली उदाहरणे पीएनजी स्वरूप वापरुन घेतलेला एक प्रतिमा स्क्रीनशॉट दर्शविते.

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 वर्ग.

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

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

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

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

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

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

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

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

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

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

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

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

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