Html5截屏功能，后台保存

最近项目需要做截屏功能，然而不是做APP调用设备截屏，所以截图通过HTML来实现，经过查询资料，记录一下。 

资料来源 https://blog.csdn.net/qq_27818157/article/details/53195933

由于远程JS html2canvas.js 可能访问不到，所以https://blog.csdn.net/gongqinglin/article/details/78563901提供了html2canvas.js源码。（整一份copy出来，创建一个html2canvas.js即可）

 

这里直接下载这个js

链接: https://pan.baidu.com/s/19njUZ5wTjjYnXgTtY2-Uug

提取码: v451

 

前端

前端调用js的方法，将生成图片以base64格式传输到后台

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="html2canvas.js"></script>

//截屏
$("#screenBtn").on("click", function(event) {
	event.preventDefault()