一款实用的前端截图工具

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_24147051/article/details/81624745

一款实用的前端截图工具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码形成一个绝对路径的地址，返回后即可进行复制功能，同时下载该图片。