GrabzIt使开发人员可以轻松添加 watermarks 他们的屏幕截图。 为此,您可以 上传自己的 watermarks 然后通过 watermark JavaScript API的ID。
<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>
或者,您可以使用GrabzIt的特殊内置工具之一 watermarks 如下所示。 这些特别 watermarks 包括 watermarks 添加 时间戳记, 文本, 计数器 和 浏览器视窗 捕获。
生成时间戳 watermark 只需传递GrabzIt_Timestamp标识符,如下所示。
<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>
文本 watermark 使用GrabzIt_Text标识符生成,如下例所示。
<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>
浏览器 watermark 是所有中最简单的 watermarks 可以使用GrabzIt_Browser标识符生成,如下所示。
<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>