html2canvas+jsPDF实现横向打印iframe中的内容

ml_yz

已于 2022-07-04 14:55:40 修改

阅读量8.2k

点赞数 3

分类专栏： html2canvas jsPDF横向打印文章标签： html2canvas jsPDF jsPDF横向打印 html2canvas截图iframe

于 2019-06-27 15:54:50 首次发布

本文链接：https://blog.csdn.net/ml_yz/article/details/93881668

版权

需要用到的插件：html2canvas jsPDF.debug.js jquery

html2canvas github地址：https://github.com/niklasvh/html2canvas

jsPDF和html2canvas插件已上传到我的阿里云网盘（需要自取），地址：

https://www.aliyundrive.com/s/auACtPpkw4w

效果预览

html2暂时不支持IE内核浏览器

//判断浏览器内核是否是IE
if(!!window.ActiveXObject || "ActiveXObject" in window){
	alert('截图打印暂不支持IE内核浏览器，请更换火狐或谷歌chrome内核浏览器，360等双核浏览器请切换至极速模式');
	return;
}
//获取iframe
var shareContent = document.getElementById('form_iframe');
//滚动iframe到顶部,如果不在顶部会截不完整
shareContent.contentWindow.scrollTo(0,0);
//获取iframe的宽高
var width = shareContent.contentWindow.document.