Outils pour capturer et convertir le Web

Ajouter un filigrane à une capture d'écran avec JavaScriptAPI JavaScript

GrabzIt permet aux développeurs d’ajouter facilement des filigranes à leurs captures d’écran. Pour ce faire, vous pouvez télécharger vos propres filigranes puis passez l'id du filigrane à l'API JavaScript.

<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>

Filigranes spéciaux

Sinon, vous pouvez utiliser l'un des filigranes intégrés spéciaux de GrabzIt, comme indiqué ci-dessous. Ces filigranes spéciaux incluent des filigranes pour ajouter horodatage, texte, compteurs et fenêtres du navigateur aux captures.

Filigrane d'horodatage

Pour générer un filigrane d'horodatage, transmettez simplement l'identificateur GrabzIt_Timestamp comme indiqué ci-dessous.

<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>

Filigrane de texte

Le filigrane de texte est généré à l'aide de l'identifiant GrabzIt_Text, comme indiqué dans l'exemple ci-dessous.

<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>

Filigrane de navigateur

Le filigrane du navigateur est le plus simple de tous les filigranes et peut être généré à l'aide de l'identifiant GrabzIt_Browser comme indiqué ci-dessous.

<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>