VUE项目实践——浏览器打印时canves打印预览空白问题

//浏览器打印
打印
内容


//打印
doPrint: function() {
	let newstr = document.getElementById('report-body').innerHTML;
	let oldstr = document.body.innerHTML;
	document.body.innerHTML = newstr;
	window.print();
	document.body.innerHTML = oldstr;
	window.location.reload() //解决打印取消  返回页面鼠标失效,不能继续打印
}

//canvas打印预览时空白:解决方案,把canvas转为图片



 < /canvas>

//canvas转Imgages解决打印 扇形进度条空白bug
generentCanvas: function(totalScoreLast, totalScore, canvasId) {
	response.GenerentCanvas(totalScoreLast, totalScore, canvasTotal); //扇形进度条
	let imgId = document.getElementById('canvas-Img');
	let canvas = document.getElementById('canvasId');
	let dataURL = canvas.toDataURL("image/png"); //转图片  隐藏canvas
	imgId.innerHTML = '';
},