代码:
var doc = jsPDF();
var getImageFromUrl = function(url, callback) {
var img = new Image();
img.onError = function() {
alert('Cannot load image: "'+url+'"');
};
img.onload = function() {
callback(img);
};
img.src = url;
}
var createPDF = function(imgData) {
doc.addImage(imgData, 'JPEG', 10, 10, 50, 50, 'monkey');
doc.addPage();
}
var image = "some image url"
getImageFromUrl(image, createPDF);
doc.text(35, 25, "Some extra text")
doc.output('datauri');
pdf 输出中没有显示图像?如何解决这个问题?由于图像是在函数内部生成的,这会是不生成图像的原因吗?我想要函数之外的最后两行代码
createPDF
您也必须将最后两行放入回调函数中才能工作。如果你不想要这个,你可以使用一些标志。
var flag=0
var createPDF = function(imgData) {
doc.addImage(imgData, 'JPEG', 10, 10, 50, 50, 'monkey');
doc.addPage();
if(flag==0)
doc.output('datauri');
}
var image = "some image url"
flag =1 ;
getImageFromUrl(image, createPDF);
doc.text(35, 25, "Some extra text")
flag=0;
import jspdf from 'jspdf'; // import it at the top
**write below in your function where you want to download it**
let pdf = new jspdf('p', 'pt', 'a3');
pdf.html(document.getElementById('pdfTable'), {
callback: function () {
pdf.save('resume.pdf');
}
});