使用html2canvas.min.js将网页生成图片并打印(笔记记录)

<iframe id="downloadFrame" style="display:none;"></iframe>

//打印
function yl_dy(){
	//选择器为要生成图片的区域
	html2canvas(document.querySelector(".dlllb_aler_dy")).then(canvas => {
		var baseCode = canvas.toDataURL("image/png");
		var idx = baseCode.indexOf('image/png;base64,');
        baseCode = baseCode.substring(idx + 'image/png;base64,'.length);
        var data = window.atob(baseCode);
        var len = data.length;
        var arr = new Uint8Array(len);
        for(let i = 0; i < len; ++i) {
        	arr[i] = data.charCodeAt(i);
        }
        var blob = new Blob([arr], {type: 'image/png'});
        //创建文件的url
        var blobURL = window.URL.createObjectURL(blob);

        //将url路径赋给src
        $('#downloadFrame').attr('src',blobURL);
        
        //加载完成后打印
        $('#downloadFrame').load(function() {
        	console.log('print')
         	var PDF = document.getElementById('downloadFrame');
            PDF.focus();
            PDF.contentWindow.print();
        });
	});
}