JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/MrRio/jsPDF/blob/master/dist/jspdf.min.js"></script>
<script src="https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-alpha.12/html2canvas.js"></script>
<a href="#" onclick="getPDF()">Download PDF</a>

<h1>Добро пожаловать</h1>
<input type="text" />
<div id="myDiv"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/220px-Image_created_with_a_mobile_phone.png" width="371" height="371" /></div>
<input type="submit" value="button" />

JavaScript

window.onload = function() {	
	function getPDF() {


		    html2canvas(document.querySelector("#myDiv")).then(canvas => {
			    document.body.appendChild(canvas);
			    saveImage();
          var doc = new jsPDF();
		      doc.addImage(img, 'JPEG', 20,20);
		      doc.save('test.pdf');
			});
		}
};