[英]jsPDF not working properly in IE11 browser
I want to generate PDF using html2canvas
and jsPDF
.我想使用
html2canvas
和jsPDF
。
It was confirmed that the image was created using html2canvas
in chrome and IE11.已确认该图像是在 chrome 和 IE11 中使用
html2canvas
创建的。
html2canvas($(element).get(0), {
useCORS: true,
allowTaint: true,
logging: true,
width: 930,
imageTimeout: 0,
scrollX: 0,
scrollY: -window.pageYOffset
}).then(function(canvas) {
var imgData = canvas.toDataURL("image/png", 1.0);
var img = '<img src="' + imgData + '" />'
var tab = window.open();
tab.document.open();
tab.document.write(img);
tab.document.close();
}
Then I did the following to make the image into a PDF然后我做了以下操作将图像变成 PDF
html2canvas($(element).get(0), {
useCORS: true,
allowTaint: true,
logging: true,
width: 930,
imageTimeout: 0,
scrollX: 0,
scrollY: -window.pageYOffset
}).then(function(canvas) {
var imgData = canvas.toDataURL("image/png", 1.0);
var imgWidth = 210;
var pageHeight = imgWidth * 1.414;
var imgHeight = canvas.height * imgWidth / canvas.width;
var heightLeft = imgHeight;
var doc = new jsPDF('p', 'mm');
var position = 0;
doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
while (heightLeft >= 20) {
position = heightLeft - imgHeight;
doc.addPage();
doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
}
doc.save('sample.pdf');
}
It works fine for chrome, edge, and firefox.它适用于铬、边缘和 firefox。 however, IE generates a PDF of a blank page.
但是,IE会生成一个空白页的PDF。
IE creates the image, but it creates a blank page PDF. IE 创建了图像,但它创建了一个空白页 PDF。
Resolved.解决。
I did not load polyfills.*.js
.我没有加载
polyfills.*.js
。
When I load polyfills.*.js
, it works fine.当我加载
polyfills.*.js
时,它工作正常。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.