כלים ללכידה ולהמרה של האינטרנט

הוסף watermark לצילום מסך עם JavaScript

ממשק API של JavaScript

GrabzIt מאפשר למפתחים להוסיף בקלות watermarks לצילומי המסך שלהם. כדי לעשות זאת אתה יכול העלה משלך watermarks ואז לעבור את watermark מזהה ל- API של JavaScript.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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@3.4.8/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_Timestim כפי שמוצג להלן.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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@3.4.8/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@3.4.8/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@3.4.8/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@3.4.8/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@3.4.8/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>