jsPDF, вставить изображение с индивидуальными стилями - PullRequest
0 голосов
/ 28 мая 2020

Мне нужно сделать 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');
});}

У меня получилось вот так: enter image description here

вместо того, чтобы быть внутри серого круга, изображение помещается за макет страницы ! Не могли бы вы помочь мне решить эту проблему? Мне нужно получить такой результат: enter image description here

Заранее спасибо!

1 Ответ

0 голосов
/ 29 мая 2020

Этот код у меня работает нормально после очистки sh и перезапуска приложения! Я просто удаляю addImage и получаю желаемый результат!

...