基于 canvas 实现的一个截图小 demo

最新推荐文章于 2022-08-06 15:20:20 发布

Annnnty

最新推荐文章于 2022-08-06 15:20:20 发布

阅读量4k

点赞数 1

分类专栏： Canvas 文章标签：前端 canvas javascript

本文链接：https://blog.csdn.net/weixin_40346046/article/details/78283101

版权

本文介绍了基于JavaScript和canvas实现前端截图的简单示例，包括设置快捷键、将DOM转换为canvas、模拟鼠标截图区域、绘制截图并保存图像。利用html2canvas库处理DOM到canvas的转换，并使用Jcanvas库实现图层概念，方便实时绘制。

摘要由CSDN通过智能技术生成

记得以前在人人上看到一个分享，讲解基于js的截图方案，详细的不记得了，只记得还挺有意思的貌似用了canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有bug请提issues。按照惯例po代码地址；以及作者博客的github仓库，不定期更新中——[捂脸]求star

由于快捷键可能导致的冲突故希望开始快捷键可以不限定快捷键数量，所以在第一个参数中采用了数组的形式进行传递。

function screenShot(quickStartKey, EndKey) {
  //兼容性考虑不使用...扩展字符串
  var keyLength = quickStartKey.length
  var isKeyTr

关注

专栏目录