Comment ajouter une image en haut de la toile dans l'en-tête utilisant pdfmake?

Question

J'utilise le noeud pour créer un PDF. Je suis en train de faire une tête qui ressemble à ceci:

La partie blanche est le logo, et le fond est bleu-ish. Jusqu'à présent, j'ai seulement l'arrière-plan en utilisant la toile (en fait un rectangle), mais je ne peux pas sembler avoir une image dessus.

J'ai essayé de définir l'en-tête comme ceci:

header: { canvas: [ 
     { image: `PATH_TO_LOGO`, 
     width: 100, }, 
     { 
     type: 'rect', 
     x: 0, 
     y: 0, 
     w: 850, // landscape 
     h: 120, 
     color: '#0067B9', 
     }, 
    ], 
    }, 

Mais le logo ne montre pas. J'ai regardé la documentation, mais n'ai pas eu beaucoup de chance. Est-ce même la bonne approche?

Answer 1

Vous devez ajouter une marge à votre image. Essayez quelque chose comme ceci:

header: [ 
    { 
     canvas: [ 
      { 
       type: 'rect', 
       x: 0, 
       y: 0, 
       w: 850, // landscape 
       h: 120, 
       color: '#0067B9' 
      } 
     ] 
    }, 
    { 
     image: `PATH_TO_LOGO`, 
     width: 100, 
     margin: [0, -120, 0, 0] // -120 is your rect height 
    }, 
]