GrabzIt מאפשר למפתחים להוסיף בקלות watermarks לצילומי המסך שלהם. כדי לעשות זאת אתה יכול העלה משלך watermarks ואז לעבור את watermark מזהה ל- API של JavaScript.
<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>
לחלופין, תוכלו להשתמש באחד מהמיוחדים המיוחדים של GrabzIt watermarks כפי שמוצג מטה. אלה מיוחדים watermarks לכלול watermarks להוספת חותמות זמן, טֶקסט, מונה ו חלונות דפדפן ללכידות.
כדי ליצור חותמת זמן watermark פשוט העבירו את המזהה GrabzIt_Timestim כפי שמוצג להלן.
<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 נוצר באמצעות המזהה 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 הוא הפשוט ביותר מבין כל 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>