本篇文章主要介绍了html 基于 canvas 实现的一个截图小demo，具有一定的参考价值，有兴趣的可以了解一下

写在最前 记得以前在人人上看到一个分享，讲解基于js的截图方案，详细的不记得了，只记得还挺有意思的貌似用了canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有bug请提issues。按照惯例po代码地址。 效果图 整体思路 设置开始/结束快捷键 开始后将DOM绘制成canvas来覆盖原始DOM界面 添加一张canvas模拟鼠标截图区域 添加一张canvas用来绘制鼠标截图区域对应的浏览器界面(从第一张canvas中截取)