Mit GrabzIt können Entwickler ihren Screenshots auf einfache Weise Wasserzeichen hinzufügen. Um dies zu tun, können Sie Laden Sie Ihre eigenen Wasserzeichen hoch und übergeben Sie dann die Wasserzeichen-ID an die JavaScript-API.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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.3.7/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>
Alternativ können Sie eines der unten abgebildeten GrabzIt-Wasserzeichen verwenden. Diese speziellen Wasserzeichen enthalten Wasserzeichen zum Hinzufügen Zeitstempel, Text, Zähler und Browserfenster zu erfassen.
Um ein Zeitstempel-Wasserzeichen zu generieren, übergeben Sie einfach den GrabzIt_Timestamp-Bezeichner wie unten gezeigt.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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.3.7/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>
Das Textwasserzeichen wird mit dem GrabzIt_Text-Bezeichner wie im folgenden Beispiel generiert.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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.3.7/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>
Das Browser-Wasserzeichen ist das einfachste aller Wasserzeichen und kann mit dem GrabzIt_Browser-Bezeichner wie unten gezeigt generiert werden.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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.3.7/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>