Aggiungere un watermark in uno screenshot con JavaScript
GrabzIt consente agli sviluppatori di aggiungere facilmente file watermarks ai loro screenshot. Per fare questo puoi carica il tuo watermarks e poi passare il file watermark id all'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>
Special Watermarks
In alternativa puoi usare uno degli speciali integrati di GrabzIt watermarks come mostrato di seguito. Questi speciali watermarks includere watermarks per l'aggiunta timestamp, testo, contatori e finestre del browser alle catture.
Timestamp Watermark
Per generare un timestamp watermark basta passare l'identificatore GrabzIt_Timestamp come mostrato di seguito.
<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>
Testo Watermark
Il testo watermark viene generato utilizzando l'identificatore GrabzIt_Text come mostrato nell'esempio seguente.
<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>
Browser Watermark
Il browser watermark è il più semplice di tutti watermarks e può essere generato utilizzando l'identificatore GrabzIt_Browser come mostrato di seguito.
<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>