PDF generate Image not rendered and text background is not transparent

arindammitra06 commented 2 months ago

Describe the bug

Hi, Thanks for this lovely library. I plan to use it in one of my projects. I faced some issues while generating PDF and opening it in browser. I see that the Text backgroung which I had set as transparent is not working and shows white instead. Also the images (through URL) are not rendered at all. Sharing screenshot as below. Also I checked that the Demo app's generator also has the same issue. Please help. Thank You in advance.

To Reproduce

`const pdf = await generate({ template, plugins: { text, image, qrcode: barcodes.qrcode, }, inputs:[ { "schoolName": "St Helen", "schoolLogo":"https://ik.imagekit.io/desigag/myskool/3108ddd8-850c-458c-a7da-a4ba2717b2fdInstitute_Photo_VxHTonIp1", "studentName": "Sriyanshi Mitra", "studentBarcode": "https://desigag.in/", "studentPhoto": "https://ik.imagekit.io/desigag/myskool/aed42729-3138-4e05-800e-850f195e1d322L7A0794_copy_N6ghmkz8w.JPG", "campusName": "Salt Lake", "class": "One", "studentIDCardNo": "ID-CARDNO123", "emergencyContactName": "Kaberi Mitra", "fatherNo": "+919836618119", "schoolName2": "St Helen School", "schoolAddress": "28B Rani Shankari Lane, Kolkata: 700026, WB, India", "schoolPhone": "98366172726/033-293983763", } ],

});
const t1 = performance.now();
const blob = new Blob([pdf.buffer], { type: 'application/pdf' });
window.open(URL.createObjectURL(blob));`

Expected behavior

Should render image url and text should allow transparent BG.

Your Environment

- pdfme package(@pdfme/generator or @pdfme/ui):
- pdfme version:
- Operating system:
- Node.js version or Browser name & version:

Your Error Log

N/A

Additional context

No response

hand-dot commented 2 months ago

Hey @arindammitra06,

Can you upload your template?

arindammitra06 commented 2 months ago

const template: Template = {
  "schemas": [
    {
      "name": {
        "type": "text",
        "position": {
          "x": 25.06,
          "y": 26.35
        },
        "width": 77.77,
        "height": 18.7,
        "fontSize": 36,
        "fontColor": "#14b351"
      },
      "photo": {
        "type": "image",
        "position": {
          "x": 24.99,
          "y": 65.61
        },
        "width": 60.66,
        "height": 93.78
      },
      "age": {
        "type": "text",
        "position": {
          "x": 36,
          "y": 179.46
        },
        "width": 43.38,
        "height": 6.12,
        "fontSize": 12
      },
      "sex": {
        "type": "text",
        "position": {
          "x": 36,
          "y": 186.23
        },
        "width": 43.38,
        "height": 6.12,
        "fontSize": 12
      },
      "weight": {
        "type": "text",
        "position": {
          "x": 40,
          "y": 192.99
        },
        "width": 43.38,
        "height": 6.12,
        "fontSize": 12
      },
      "breed": {
        "type": "text",
        "position": {
          "x": 40,
          "y": 199.09
        },
        "width": 43.38,
        "height": 6.12,
        "fontSize": 12
      },
      "owner": {
        "type": "qrcode",
        "position": {
          "x": 115.09,
          "y": 204.43
        },
        "width": 26.53,
        "height": 26.53
      }
    }
  ],
  "basePdf": "data:application/pdf;base64,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cGdvZG0gWzQgMCBSIC9YWVogNzIgNjYyLjI1IDBdCi9oLnFyMTBmcXJzMWFvbyBbNCAwIFIgL1hZWiAzMjQgNjk2Ljc1IDBdCi9oLnI2dm41ZDR0c2JxbCBbNCAwIFIgL1hZWiAzMjQgNDk1IDBdCi9oLjJtNHFscm9kZDU5bCBbNCAwIFIgL1hZWiAzMjQgMjQ4LjI1IDBdCj4+CmVuZG9iagoyIDAgb2JqCjw8Ci9UeXBlIC9QYWdlcwovS2lkcyBbNCAwIFJdCi9Db3VudCAxCj4+CmVuZG9iagoxIDAgb2JqCjw8Ci9UeXBlIC9DYXRhbG9nCi9QYWdlcyAyIDAgUgovRGVzdHMgMjQgMCBSCj4+CmVuZG9iagozIDAgb2JqCjw8Ci9UaXRsZSAoUGV0IHJlc3VtZSkKL1Byb2R1Y2VyIChpTG92ZVBERikKL01vZERhdGUgKEQ6MjAyMjAxMTgwNTA1NTdaKQo+PgplbmRvYmoKeHJlZgowIDI1CjAwMDAwMDAwMTcgNjU1MzUgZg0KMDAwMDAxMzcyMSAwMDAwMCBuDQowMDAwMDEzNjY0IDAwMDAwIG4NCjAwMDAwMTM3ODQgMDAwMDAgbg0KMDAwMDAxMzI1MCAwMDAwMCBuDQowMDAwMDExNjM1IDAwMDAwIG4NCjAwMDAwMDAwMTUgMDAwMDAgbg0KMDAwMDAwNTUzMSAwMDAwMCBuDQowMDAwMDA0NzY5IDAwMDAwIG4NCjAwMDAwMDQ1NjMgMDAwMDAgbg0KMDAwMDAwMDA1NCAwMDAwMCBuDQowMDAwMDA1MTYwIDAwMDAwIG4NCjAwMDAwMTEwOTAgMDAwMDAgbg0KMDAwMDAxMDI5MSAwMDAwMCBuDQowMDAwMDEwMDg3IDAwMDAwIG4NCjAwMDAwMDU2ODMgMDAwMDAgbg0KMDAwMDAxMDY5MyAwMDAwMCBuDQowMDAwMDAwMDE4IDAwMDAwIGYNCjAwMDAwMDAwMTkgMDAwMDAgZg0KMDAwMDAwMDAyMSAwMDAwMCBmDQowMDAwMDExMjQxIDAwMDAwIG4NCjAwMDAwMDAwMDAgMDAwMDAgZg0KMDAwMDAxMTQzOCAwMDAwMCBuDQowMDAwMDExNDE5IDAwMDAwIG4NCjAwMDAwMTM0NDAgMDAwMDAgbg0KdHJhaWxlcgo8PAovU2l6ZSAyNQovUm9vdCAxIDAgUgovSW5mbyAzIDAgUgovSUQgWzwwNTRCNjVBODdDRUFBOEU2Q0U1MEM5NjUwRTQ3QTRDNT4gPEZCNTQ4M0NDNUQwMEMzRjg2NEQyNzEwRUIzNDg0OEU1Pl0KPj4Kc3RhcnR4cmVmCjEzODc1CiUlRU9GCg=="
};

arindammitra06 commented 2 months ago

Sorry i just pasted the content here...apologies

hand-dot commented 2 months ago

@arindammitra06 template you paste is not same with bellow template

hand-dot commented 2 months ago

anyway text background can be transparent. i'll close this. See

arindammitra06 commented 2 months ago

Extremely sorry, I had reverted my code, so had to find the template from the VS Timeline, so probably went wrong. I recreated the issue on https://pdfme.com/template-design. I added base PDF which has a color, added the texts and changed their background to transparent. They look correct in the Viewer as you can see below, but when I preview the PDF the background transparency is removed. Please find below screenshots. Thank You again for your precious time.

PREVIEW :

PDF :

template (1).json

arindammitra06 commented 2 months ago

Reproducing your example, when previewing the PDF. The same happens when generate() is called to open PDF.

arindammitra06 commented 2 months ago

Okay, I found that this only happens when I change the background color Alpha to zero (transparent). Doesn't happen when the background color alpha is untouched.

pdfme / pdfme