GrabzIt permite a los desarrolladores agregar fácilmente watermarks a sus capturas de pantalla. Para hacer esto puedes sube el tuyo watermarks y luego pasar el watermark id a la API de 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>
Alternativamente, puede utilizar uno de los componentes especiales integrados de GrabzIt. watermarks Como se muestra abajo. Estos especiales watermarks incluir watermarks para añadir marcas de tiempo, texto, contadores y ventanas del navegador a las capturas.
Para generar una marca de tiempo watermark simplemente pase el identificador GrabzIt_Timestamp como se muestra a continuación.
<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>
El texto watermark se genera utilizando el identificador GrabzIt_Text como se muestra en el siguiente ejemplo.
<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>
El navegador watermark es el más simple de todos los watermarks y se puede generar utilizando el identificador GrabzIt_Browser como se muestra a continuación.
<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>