html2canvas苹果不显示图片,html2canvas页面截图图片不显示

前两天在一个群里,有人问使用html2canvas屏幕截图的时候为什么页面的图片不显示只显示了文字,我没有做过屏幕截图的需求,所以不是很清楚,今天稍稍测试了一下。

在github上将html2canvas源码下载到本地,examples文件夹里有三个示例demo,这三个demo都是纯文字不包含图片的,前两个demo是打开之后直接就生成图片展示出来了,第三个是一个按钮触发生成,这里使用第三个demo来修改进行测试。

一、这是初始页面,上面带有背景颜色的是要截取的部分(id名为‘content’),下方带有笑脸的是canvas标签。点击run按钮,成功截取显示在canvas中,没有任何问题。

d2cbe2d113d4c3d7d1860b8295e3c882.png

259ac8b27617552f407e04f5993fd3c9.png

二、将截取部分的背景属性替换成网络上的一张图片

#content {

background:url('http://www.cnblogs.com/skins/nature/images/top.gif');

padding: 50px 10px;

}

背景可以正常显示,但是点击run按钮之后,canvas中只显示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值