使用JavaScript的屏幕截圖和HTML轉換事件

GrabzIt公開了幾個事件，允許開發人員進行掛鉤 into在屏幕截圖和捕獲生成期間可能發生的不同階段。

OnFinish活動

onfinish 屏幕快照準備就緒時，event事件將調用提供的JavaScript函數。勾 into onfinish 事件，您需要提供應由GrabzIt調用的JavaScript函數。

JavaScript函數應該有一個 id 參數，如下所示。 id參數將等於 id JavaScript調用所截取的屏幕截圖。一種潛在的用途 id 參數可以做一些事情，例如使用AJAX調用服務器端代碼以下載與此匹配的屏幕截圖 id 到您的Web服務器上，因此您記錄了客戶端JavaScript中生成的所有屏幕截圖。

圖片網址
HTML到圖像

<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", 
    {"onfinish": function(id){
        alert(id);
    }}).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>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

此功能的另一種用途是在屏幕截圖加載後隱藏或顯示頁面動畫或激活其他網頁功能。

OnStart事件

onstart 屏幕快照開始處理後，event事件將調用提供的JavaScript函數。勾 into onstart 事件，您需要提供應由GrabzIt調用的JavaScript函數。

就像onfinish一樣，onstart JavaScript函數應具有一個 id 參數，如下所示。 id參數將等於 id JavaScript調用將截取的屏幕截圖。

圖片網址
HTML到圖像

<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", 
    {"onstart": function(id){
        alert(id);
    }}).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>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

OnError事件

onerror 發生錯誤時調用事件。勾 into此事件提供應處理事件的功能，如下所示。

您指定用於處理錯誤事件的JavaScript函數應具有一個 message 及 code 參數如下所示。該消息是錯誤的文本說明，而代碼是與錯誤關聯的數字代碼。

圖片網址
HTML到圖像

<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", 
    {"onerror": function(message, code){
        alert(message);
    }}).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>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>