原因分析：转换后使用canvas.toDataURL拿到的是base64的图片，此图片可以直接展示在网页上，但是在Android设备上长按此图片无法保存，ios设备可以长按保存；原因是Android无法长按保存base64的图片，解决办法：可以考虑将图片先上传到服务器拿到url再展示

3. safir长按保存不了图片

使用-webkit-touch-callout：default不规范的属性，iOS 2.0及更高版本的Safari浏览器可用

4. 生成的图片中若包含二维码,微信长按图片偶现无法识别

不使用路由切换，使用window.location.href直接跳转刷新页面

5. 生成的PDF超出一页后分页问题

需要计算图片的宽高，一页展示多少

看详细代码

printPDF(id, name){

const domElement = document.getElementById(id);

html2canvas(domElement, {

allowTaint: false,

useCORS: true, // 用于解决图片跨域

onclone: (document) => {

document.getElementById('print-button').style.visibility = 'hidden';

}

}).then((canvas) => {

const fileName = name + (new Date()).toLocaleString() + '.pdf'

var pdf = new jsPdf('p', 'mm', 'a4'); // A4纸，纵向

var ctx = canvas.getContext('2d');

var a4w = 190; var a4h = 277; // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277

var imgHeight = Math.floor(a4h * canvas.width / a4w); // 按A4显示比例换算一页图像的像素高度

var renderedHeight = 0;

while (renderedHeight < canvas.height) {

var page = document.createElement('canvas');

page.width = canvas.width;

page.height = Math.min(imgHeight, canvas.height - renderedHeight);// 可能内容不足一页

// 用getImageData剪裁指定区域，并画到前面创建的canvas对象中

page.getContext('2d').putImageData(ctx.getImageData(0, renderedHeight, canvas.width, Math.min(imgHeight, canvas.height - renderedHeight)), 0, 0);

pdf.addImage(page.toDataURL('image/jpeg', 1.0), 'JPEG', 10, 10, a4w, Math.min(a4h, a4w * page.height / page.width)); // 添加图像到页面，保留10mm边距

renderedHeight += imgHeight;

if (renderedHeight < canvas.height) {

pdf.addPage();// 如果后面还有内容，添加一个空页

}

// delete page;

}

// 保存文件

pdf.save(fileName);

})

}