一款实用的前端截图工具
生活随笔
收集整理的這篇文章主要介紹了
一款实用的前端截图工具
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一款實用的前端截圖工具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碼形成一個絕對路徑的地址,返回后即可進行復制功能,同時下載該圖片。
總結
以上是生活随笔為你收集整理的一款实用的前端截图工具的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 天猫精灵app如何删除设备(汉典天字的基
- 下一篇: 王者荣耀夏侯惇带什么召唤师技能