1. 程式人生 > >一款實用的前端截圖工具

一款實用的前端截圖工具

一款實用的前端截圖工具kscreenshot

安裝:

npm install kscreenshot --save

使用:

import kscreenshot from 'kscreenshot'

//65指鍵盤中的A
new kscreenshot(65, function (base64) {
    return 'https://www.baidu.com/img/bd_logo1.png'
})

該截圖工具帶有兩個引數:1.觸發按鍵;2.一個返回絕對路徑的函式

當程式初始化後,當按下shift + A時,頁面將會觸發截圖功能,使用者可根據上面的demo圖示例進行截圖。當完成繪製後,按下工具欄的完成按鈕,將會觸發第二個引數,該函式會帶有一個base64碼(即截圖後的圖片),使用者可根據該base64碼進行一些簡單操作,並需要將這base64碼形成一個絕對路徑的地址,返回後即可進行復制功能,同時下載該圖片。