说明
web端的截图好多种,这里提供一种基于html2canvas实现截图的方式
软件架构
利用html2Canvas,实现简单的java web截图功能,比较复杂的页面会失效,比如有iframe的页面
实现原理
借助 html2Canvas 生成一全图,根据鼠标划取得范围坐标,把全图截取即可(截图结果会略有点差异)
演示
1、访问http://localhost:8080/index
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vanN1bnkvc2NyZWVuc2hvdC9yYXcvbWFzdGVyL2ltZy8xLnBuZw?x-oss-process=image/format,png)
2、点击截图,用鼠标划取范围,再点确定
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vanN1bnkvc2NyZWVuc2hvdC9yYXcvbWFzdGVyL2ltZy8yLnBuZw?x-oss-process=image/format,png)
3、截图结果
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9naXRlZS5jb20vanN1bnkvc2NyZWVuc2hvdC9yYXcvbWFzdGVyL2ltZy8zLnBuZw?x-oss-process=image/format,png)
项目源码详见个人码云地址:
https://gitee.com/jsuny/screenshot