GrabzItを使用すると、開発者は簡単に追加できます watermarks 彼らのスクリーンショットに。 これを行うには、 自分でアップロードする watermarks その後、 watermark JavaScriptAPIへの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の特別な組み込みのXNUMXつを使用することもできます watermarks 以下に示すように。 これらの特別な watermarks include watermarks 追加するため タイムスタンプ, テキスト, カウンター and ブラウザウィンドウ キャプチャします。
タイムスタンプを生成するには 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>