一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

首页 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

当前位置：一聚教程网 > 网页制作 > js教程

推荐专题

最新下载

1

买萌模卡最新版
大小：34.35 MB 类型： 主题美化
2

微秘圈
大小：98.76 MB 类型： 网络通讯
3

健茂天气
大小：31.44 MB 类型： 生活服务
4

国人健康馆
大小：156.18 MB 类型： 学习理财
5

车马动货主端
大小：27.57 MB 类型： 生活服务
6

面咖
大小：70.61 MB 类型： 生活服务
7

皓俊通货主端
大小：17.52 MB 类型： 生活服务
8

谷医堂医生
大小：41.71 MB 类型： 生活服务
9

富航生活
大小：127.84 MB 类型： 生活服务
10

家常菜
大小：27.98 MB 类型： 健康美食

热门教程

1

刷新页面js 代码
时间：2010-08-11 类型： js教程
2

php防dedecms附件式文件在线管理系统
时间：2010-06-11 类型： php高级应用
3

抖音成人版叫什么名字抖音成人版介绍
时间：2018-09-05 类型： 手机软件
4

苹果版的avnight卡播放面问题解决
时间：2018-01-26 类型： 手机软件
5

《寻找夏日的宝物》全事件流程如何过
时间：2022-10-19 类型： 单机攻略
6

解决IDEA springboot"spring-boot-maven-plugin"报红问题方法
时间：2021-04-16 类型： Java技巧及代码
7

《周五夜放克》网页版地址一览
时间：2023-01-10 类型： 手游攻略
8

抖音我现在只想搞钱图片哪里有抖音我现在只想搞钱表情包大全
时间：2018-09-20 类型： 手机软件
9

《绯月仙行录》桃花村五个村民任务怎么完成
时间：2023-01-03 类型： 单机攻略
10

《泰拉瑞亚》控制台指令代码汇总
时间：2022-12-16 类型： 单机攻略

js使用html2canvas实现屏幕截取的示例代码

时间：2017-08-28 编辑：猪哥来源：一聚教程网

整理文档，搜刮出一个js使用html2canvas实现屏幕截取的示例代码，稍微整理精简一下做下分享。






Test
css">
*{
  margin:0 auto;
  padding:0;
}
.btn{
  
  
  line-
  background:green;
  color:#fff;
  border-radius:10px;
  -webkit-border-radius:10px;
  text-align:center;
  display:block;
  text-decoration:none;
  }
.container{
  background:#e5e5e5;
}





  

  
    截取屏幕

先点击截取屏幕后再点击截图下载

截图下载

以下是测试内容

由于使用最新版本的html2canvas截取屏幕有问题，所以上面使用的是v0.4.1版本进行测试。

注意事项：

1.页面加载完之后再调用html2canvas。

2.截取背景图片没有效果（就算把背景图片转为base64也没有效果）。

3.标签的图片需要转为base64，不然截取没有效果（网上搜索了一下，好像都说是跨域问题）。

上一个： JavaScript编写棋盘覆盖代码详解
下一个： jQuery 1.9版本以上的浏览器判断方法代码分享

相关文章

热门栏目