dodaj watermark do zrzutu ekranu z JavaScriptem
GrabzIt umożliwia programistom łatwe dodawanie watermarks do ich zrzutów ekranu. Aby to zrobić, możesz prześlij własne watermarks a następnie przekaż watermark id do interfejsu 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>
Specjalny Watermarks
Alternatywnie możesz użyć jednego z wbudowanych specjalnych programów GrabzIt watermarks jak pokazano niżej. Te specjalne watermarks zawierać watermarks za dodanie znaczniki czasu, XNUMX, liczniki i okna przeglądarki przechwytywać.
Sygnatura czasu Watermark
Aby wygenerować znacznik czasu watermark po prostu przekaż identyfikator GrabzIt_Timestamp, jak pokazano poniżej.
<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>
Tekst Watermark
Tekst watermark jest generowany przy użyciu identyfikatora GrabzIt_Text, jak pokazano w poniższym przykładzie.
<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>
przeglądarka Watermark
Przeglądarka watermark jest najprostszym ze wszystkich watermarks i można je wygenerować przy użyciu identyfikatora GrabzIt_Browser, jak pokazano poniżej.
<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>