如何使用pdfmake在標題畫布頂部添加圖像？

Question

我正在使用節點來創建PDF。我試圖建立一個頭，看起來與此類似：

白色部分爲標誌，背景是藍色十歲上下。到目前爲止，我只有背景使用畫布（實際上是一個矩形），但我似乎無法將圖像放在上面。

我試圖這樣定義標題：

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

但標誌不顯示。我看了文檔，但沒有多少運氣。這甚至是正確的方法嗎？

Answer 1

您需要爲圖片添加邊距。試試這樣的：

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 
    }, 
]