如何使用 pdfmake 在 header 中的 canvas 顶部添加图像？

Question

我正在使用节点创建 PDF。我正在尝试制作一个看起来类似于此的 header：

白色部分为logo，背景为blue-ish。到目前为止，我只有使用 canvas 的背景（实际上是一个矩形），但我似乎无法在其上放置图像。

我试图这样定义 header：

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

如何使用 pdfmake 在 header 中的 canvas 顶部添加图像？

How to add an image on top of the canvas in header using pdfmake?

javascript

node.js

pdfmake