웹 캡처 및 변환 도구

JavaScript로 스크린 샷에 워터 마크 추가자바 스크립트 API

GrabzIt을 사용하면 개발자가 스크린 샷에 워터 마크를 쉽게 추가 할 수 있습니다. 이를 위해 당신은 할 수 있습니다 자신의 워터 마크를 업로드 워터 마크 ID를 자바 스크립트 API로 전달합니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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.4.8/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의 특수 내장 워터 마크 중 하나를 사용할 수 있습니다. 이 특별한 워터 마크에는 추가를위한 워터 마크가 포함됩니다 타임 스탬프, 본문, 카운터브라우저 창 캡처합니다.

타임 스탬프 워터 마크

타임 스탬프 워터 마크를 생성하려면 다음과 같이 GrabzIt_Timestamp 식별자를 전달하십시오.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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.4.8/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>

텍스트 워터 마크

텍스트 워터 마크는 아래 예와 같이 GrabzIt_Text 식별자를 사용하여 생성됩니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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.4.8/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>

브라우저 워터 마크

브라우저 워터 마크는 모든 워터 마크 중 가장 단순하며 아래에 표시된 GrabzIt_Browser 식별자를 사용하여 생성 할 수 있습니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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.4.8/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>