Erlo

html2canvas 保存网页截图 图片不显示_html/css_WEB-ITnose

收藏 2018-05-12 13:45:53   2595   php中文网
页面报错/反馈
点赞

## 问题描述:两张图片,一张是用户上传的图片,另一张是模板图,中间是透明的,可以制作相框,并保存。使用html2canvas对两个img标签进行截图。在写demo的时候html2canvas没有报错但是所截的是空白,若换成文字就可以。
## 原因分析:找了半天才知道,如果截图部分包含图片的话,程序必须放在服务器下面进行,不然的话就是空图片。
- It will not work if you run this html file without any web server . 
If you are playing around on your PC then install XAMPP or any     
other web server (Easiest option http://www.apachefriends.org/en/xampp.html) and put the image ,
JavaScript and HTML code in C:xampphtdocs (if C dirive is your installation drive) and run using the server.
I have tested it in Chrome and its working.
##代码实例"


 
 
Document 
 
 
 

" ## 效果展示- 没有服务器谷歌浏览器下![没有服务器谷歌浏览器下] (https://static.oschina.net/uploads/img/201601/08225723_ndxo.png "在这里输入图片标题") - 没有服务器火狐浏览器下![没有服务器火狐浏览器下] (https://static.oschina.net/uploads/img/201601/08225751_vJBo.png "在这里输入图片标题") ## 说明只要火狐浏览器下可以显示图片就可以说明程序几乎没有问题O(∩_∩)O哈哈~## 小弟才疏学浅,如有错误望大神指点,O(∩_∩)O

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认