Jspdf（图像到pdf）没有将整个图像转换为pdf

Question

var pdff ;
function encodeImageFileAsURL(element) {
  var file = element.files[0];
  var reader = new FileReader();
  reader.onloadend = function() {
    console.log(reader.result)
    pdff = reader.result;
    pdf();
  }
  reader.readAsDataURL(file);
}
function pdf() {
    var doc = new jsPDF();
var img = new Image();
img.src = pdff;
var width = doc.internal.pageSize.getWidth;
var height = doc.internal.pageSize.getHeight;



 doc.addImage(img, 'JPG', 0, 0, width, height);
    doc.save('imkk.pdf'); // downloads pdf 
}

这是我目前用来将图像转换为 base64 字符串然后转换为 pdf 的代码，它适用于小图像，但我需要制作一个 pdf，其中图像很大，它制作 pdf，但只能使用图片的一部分是我想要的 pdf 格式的图片 link :- https://drive.google.com/file/d/1X3G3gGsTUKvAtBh78iHMh_G4oy2-O73D/

Answer 1

// You need to make your image into a Data URL and declare page size

var imgData = 'data:image/jpeg;base64,/9j/.............../an/9k='
var width = 8.33
var height = 125

var doc = new jsPDF({ unit: 'in', format: [width, height],})
doc.addImage(imgData, 'JPG', 0, 0, width, height)
doc.save('imkk.pdf')

默认情况下只是页面上图像的开始，通过声明一页的宽度和高度，一页可以是任何 URL 环境的长度限制，因此请注意它通常可以是 1.5 MB.

Jspdf（图像到pdf）没有将整个图像转换为pdf

Jspdf (imgage to pdf) not converting whole image to pdf

javascript

pdf

jspdf