Сохранение изображения (из внешней библиотеки) в файл PDF локально в Angular7?

Question

Я новичок в языке Angular / Typescript.

У меня есть qrcode img, сгенерированный из библиотеки внешнего генератора qrcode (angularx-qrcode).Я хотел бы иметь код, который позволяет пользователю сгенерировать этот код qr и локально сохранить его в виде файла PDF.

Я задал похожий вопрос, но необходимо сохранить код qr в виде изображения PNG: Локальное сохранение изображения (полученного из внешней библиотеки) - Angular?

Это код, полученный из других источников:

  showPdf(parent) {
    const parentElement = parent.el.nativeElement.querySelector("img").src;
    console.log(parentElement);
    const pdfInBase64 = parentElement;
    const newBlob = new Blob([pdfInBase64], {type: 'application/pdf'});
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
      window.navigator.msSaveOrOpenBlob(newBlob); // For IE browser
    }
    const linkElement = document.createElement('a');
    const url = URL.createObjectURL(newBlob);
    linkElement.setAttribute('href', url);
    linkElement.setAttribute('download', 'sample.pdf');
    const clickEvent = new MouseEvent('click', {
      'view': window,
      'bubbles': true,
     'cancelable': false
    });
    linkElement.dispatchEvent(clickEvent);
  }

Этот кодпозволяет мне загрузить файл PDF, но когда я пытаюсь просмотреть файл в Adobe, появляется сообщение об ошибке: «Adobe не может открыть файл, потому что он не поддерживается типом файла или поврежден».

Может кто-нибудь помочь мне с этим, пожалуйста?большое спасибо !!