我正在使用html2canvas将html转换为图像(PNG文件)并触发在用户设备中的下载。我已经测试了代码,在所有桌面浏览器上均能正常工作,但在IOS和android webview中却无法正常工作。下面是我正在使用的代码:
$('#btnDownload').click(function () {
$('.section-loading').show();
html2canvas($('#divDownload'),
{
background: '#fff',
onrendered: function (canvas) {
if (navigator.userAgent.indexOf("MSIE ") > 0 ||
navigator.userAgent.match(/Trident.*rv\:11\./)) {
var blob = canvas.msToBlob();
window.navigator.msSaveBlob(blob, 'Receipt.png');
}
else {
$('#download').attr('href', canvas.toDataURL("image/png"));
$('#download').attr('download', 'Receipt.png');
$('#download')[0].click();
}
$('.section-loading').hide();
}
});
});