Add image without distorting ratio

“I have read and understood the contribution guidelines.”

I am trying to add an image (dataURL format) to my PDF to fit in a 65*60 mm box.

My current code is:

doc.addImage(imageURL, "JPEG", config_settings.x, config_settings.y, 65, 60, "", "FAST", 0);

However I get a distorted image as below, which doesn’t respect the aspect ratio of the original image.

My images are already in the correct dimensions to fit in the box (see below for the correct ratio) so I’d like to be able to add them to the PDF without enforcing a width and height.

Alternatively, is there a way to specify a resize mode for my image (e.g. ‘contain’)?

[JobSoltero]

Yeah it uses an html as input and then converts it into an Image. For your case u can directly use the Image url

const pdf = new jsPDF(); 
const imgProps = pdf.getImageProperties(imgUrl);
const width = 65 //which is your container width 
const height = (imgProps.height * width) / imgProps.width; 
pdf.addImage(imgUrl, "JPEG", config_settings.x, config_settings.y, width, height); pdf.save('download.pdf'); 

[mednche]

Thanks for your answer @JobSoltero! It helped me find a solution. I didn’t know about pdf.getImageProperties() - it did the trick!