一款实用的前端截图工具

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

一款实用的前端截图工具相关推荐

一款实用的web截图工具（一）
码云地址: 码云 github地址: github kscreenshot 介绍 web截图工具的功能实现基于Canvas技术.其功能主要包括截图,下载,复制以及在截图过程中通过工具栏对截图进行绘制. ...
轻量却超强——推荐几款好用的截图工具
轻量却超强--推荐几款好用的截图工具阅读导览(点击快速跳转): 1.FScapture 2.Snipaste 3.Picpick 相关文件下载及链接 1.FScapture(返回目录) FScapt ...
两款实用的DDos攻击工具
两款实用的DDos攻击工具 2018-02-22Network • Security865 之前为了重现某个bug,需要对网络设备进行ddos攻击测试,同时也是对设备的网络攻击防护功能进行抗压测试.临 ...
6款实用超火AI工具推荐，ChatGPT，Midjourney ，Notion AI ，Tome ，Descript ，Runway
ChatGPT等6款实用超火AI工具推荐 | 2023绝对称得上是脑洞大开的一年!人工智能的风口由OpenAI旗下的ChatGPT率先引爆.下面6个非常实用的AI工具强烈推荐给大家, [一] Chat ...
brackets编写java,Brackets - 一款免费的前端开发工具
Brackets软件简介 Brackets是由Adobe Systems开发并在GitHub上发布的开源前端开发工具.它可以免费使用.完美兼容Windows,Mac以及Linux操作系统.它支持HTM ...
推荐7款实用强大的神器工具，建议你先收藏，总有一天你会用到！
分享7个非常强大的神器工具,每一款都是精品,喜欢的话记得点赞支持哦~ 1.后羿采集器后羿采集器是前谷歌技术团队倾力打造,基于人工智能技术,只需要输入网址就能自动识别采集内容.支持Win/Mac/Li ...
介绍一款web端的截图工具
牛牛截图,web端的一款截图工具,下面是代码及实例. 依赖jquery-1.7.min.js /**************************************************** ...
5款实用Python爬虫小工具推荐（云爬虫+采集器）
目前市面上我们常见的爬虫软件大致可以划分为两大类:云爬虫和采集器(特别说明:自己开发的爬虫工具和爬虫框架除外) 云爬虫就是无需下载安装软件,直接在网页上创建爬虫并在网站服务器运行,享用网站提供的带宽和 ...
推荐一些有趣实用的前端可视化工具库，助力可视化开发
前言前端可视化一直是人们常谈到的词,随着SVG,Canvas,WebGL等技术的发展,也涌现了一大批的优秀的可视化库.本文将从中选择一些有趣实用的推荐给大家,工具使用好了,开发效率自然也就提升了. ...

一款实用的前端截图工具

一款实用的前端截图工具相关推荐

最新文章

热门文章