整理文档,搜刮出一个js使用html2canvas实现屏幕截取的示例代码,稍微整理精简一下做下分享。
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1,user-scalable=不”比;
& lt; title> Test
& lt;风格类型=" text/css "比;
* {
保证金:0汽车;
填充:0;
}
.btn {
宽度:100 px;
高度:30 px;
行高:30 px;
背景:绿色;
颜色:# fff;
border - radius: 10 px;
-webkit-border-radius: 10 px;
text-align:中心;
显示:块;
文字修饰:没有;
}
.container {
背景:# e5e5e5;
}
& lt;/style>
& lt;脚本src=" https://code.jquery.com/jquery-3.2.1.min.js "祝辞& lt;/script>
& lt;脚本src=" https://cdn.bootcss.com/html2canvas/0.4.1/html2canvas.js "祝辞& lt;/script>
& lt; script>
$(函数(){
$ (" # btn) .click(函数(){
html2canvas($(" #容器”),{
id=" btn "祝辞截取屏幕& lt;/div>
& lt; p祝辞先点击截取屏幕后再点击截图下载& lt;/p>
& lt; div比;
& lt; a href=" javascript:,“rel=巴獠縩ofollow”class=" btn " id="下载"祝辞截图下载& lt;/a>
& lt;/div>
& lt;/div>
& lt; div类="容器" id=叭萜鳌北?
& lt; p祝辞以下是测试内容& lt;/p>
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
