Javascript 如何使用pdfmake在标题中的画布顶部添加图像?

Javascript 如何使用pdfmake在标题中的画布顶部添加图像?,javascript,node.js,pdfmake,Javascript,Node.js,Pdfmake,我正在使用node创建PDF。我正在尝试制作一个类似于以下内容的标题: 白色部分为徽标,背景为淡蓝色。到目前为止,我只有使用画布的背景,实际上是一个矩形,但我似乎无法在上面放置图像 我试图这样定义标题: header: { canvas: [ { image: `PATH_TO_LOGO`, width: 100, }, { type: 'rect', x: 0, y: 0, w: 8

我正在使用node创建PDF。我正在尝试制作一个类似于以下内容的标题:

白色部分为徽标,背景为淡蓝色。到目前为止,我只有使用画布的背景,实际上是一个矩形,但我似乎无法在上面放置图像

我试图这样定义标题:

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

但是这个标志没有显示出来。我看了文档,但运气不太好。这是正确的方法吗?

您需要为图像添加边距。试着这样做:

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