jsPDF - pdf- Image issue

jsPDF - render pdf - Image issue

by ganesh095

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.2.2/purify.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.0/jspdf.umd.min.js"></script>
<div id="imageDiv">
<button class="downloadPdf" onclick="myFunction()">
Download
</button>
<img id="imageid1" width="150" height="100" src='https://i.ibb.co/Scxrxjw/23008179-PK-front.jpg' />
<img id="imageid2" width="150" height="100" src='https://i.ibb.co/TtRDQ9V/23008194-BX-front.jpg' />
<img id="imageid3" width="150" height="100" src='https://i.ibb.co/j5TrS5Z/cat-llooking-at-camera.jpg' />
</div>

JavaScript

var jsPDF = window.jspdf.jsPDF;
function myFunction() {
  var doc = new jsPDF({ orientation: 'p', format: 'a4', unit: 'pt'});
		 doc.text("Octonyan loves jsPDF", 35, 25);
		doc.addImage(document.getElementById("imageid1").src, "JPEG", 15, 40, 150, 150);
		doc.addImage(document.getElementById("imageid2").src, "JPEG", 415, 40, 150, 150);
		doc.addImage(document.getElementById("imageid3").src, "JPEG", 15, 240, 150, 150);
		doc.save('sample-file.pdf');
}