Мне нужно сделать PDF-файл с загруженным аватаром пользователя с помощью jsPDF. Вот мой код:
public openPDF(): void {
const elem = document.getElementById('AddNewBtn');
elem.parentNode.removeChild(elem);
let imgData = this.selectedFile.src;
const data = document.getElementById('htmlData');
html2canvas(data).then(canvas => {
console.log(canvas);
const imgWidth = 160;
const heightLeft = canvas.height * imgWidth / canvas.width;
const contentDataURL = canvas.toDataURL('image/png');
const pdf = new jsPDF('p', 'mm', 'a4');
pdf.addImage(imgData, 'JPEG', 160, 15, 50, 50);
pdf.addImage(contentDataURL, 'PNG', 5, 25, 200, 210);
pdf.save('invoice.pdf');
});}
У меня получилось вот так:
вместо того, чтобы быть внутри серого круга, изображение помещается за макет страницы ! Не могли бы вы помочь мне решить эту проблему? Мне нужно получить такой результат:
Заранее спасибо!