html2canvas制作的PDF中的高级图片模糊不清？

Question

＆＃13;

＆＃13;

(function() {
	var form = $('#printContent');
	$('#create_pdf').on('click', function() {
		$('body').scrollTop(0);
		createPDF();
	});
	//create pdf
	function createPDF() {
		getCanvas().then(function(canvas) {
			var imgData = canvas.toDataURL("image/png");
			var imgWidth = 210;
			var pageHeight = 295;
			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;
			console.log(canvas.height);
			while(heightLeft >= 0) {
				position = heightLeft - imgHeight;
				doc.addPage();
				doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
				heightLeft -= pageHeight;
//				console.log(position);
			}
			doc.save('file.pdf');
		});
	}

	// create canvas object
	function getCanvas() {
		return html2canvas(form, {
			imageTimeout: 0,
			removeContainer: false
		});
	}
}());

＆＃13;

＆＃13;

＆＃13;

我使用html2canvas制作PDF，但PDF中的图表很模糊，是否有解决方案可以解决？标题和图例模糊不清，代码在下面？

Answer 1

如果将图例设置为useHTML，则可以解决问题：

legend: {
useHTML: true
}