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

एक जोड़ें watermark जावास्क्रिप्ट के साथ एक स्क्रीनशॉट के लिए

जावास्क्रिप्ट एपीआई

GrabzIt डेवलपर्स को आसानी से जोड़ने में सक्षम बनाता है watermarks उनके स्क्रीनशॉट के लिए। ऐसा करने के लिए आप कर सकते हैं अपना खुद का अपलोड करें watermarks और फिर पास watermark जावास्क्रिप्ट एपीआई के लिए आईडी।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"customwatermarkid": "MyWatermark"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"customwatermarkid": "MyWatermark"}).Create();
</script>

विशिष्ट Watermarks

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

टाइमस्टैम्प Watermark

एक टाइमस्टैम्प उत्पन्न करने के लिए watermark बस नीचे दिए गए अनुसार GrabzIt_Timestamp पहचानकर्ता को पास करें।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Timestamp_UTC+0_Top_Left"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Timestamp_UTC+10_Bottom_Right"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Timestamp_UTC-5_Middle_Center"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"customwatermarkid": "GrabzIt_Timestamp_UTC+0_Top_Left"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"customwatermarkid": "GrabzIt_Timestamp_UTC+10_Bottom_Right"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"customwatermarkid": "GrabzIt_Timestamp_UTC-5_Middle_Center"}).Create();
</script>

टेक्स्ट Watermark

टेक्स्ट watermark नीचे दिए गए उदाहरण में दिखाए गए GrabzIt_Text पहचानकर्ता का उपयोग करके बनाया गया है।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Text_My text_Top_Left"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Text_My website description!_Bottom_Right"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>", 
{"customwatermarkid": "GrabzIt_Text_My text_Top_Left"}).Create();

GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>", 
{"customwatermarkid": "GrabzIt_Text_My website description!_Bottom_Right"}).Create();
</script>

ब्राउज़र Watermark

ब्राउज़र watermark सभी का सबसे सरल है watermarks और नीचे दिखाए गए अनुसार GrabzIt_Browser पहचानकर्ता का उपयोग करके उत्पन्न किया जा सकता है।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"customwatermarkid": "GrabzIt_Browser"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"customwatermarkid": "GrabzIt_Browser"}).Create();
</script>