javascript - 如何使用 pdfmake 在标题中的 Canvas 顶部添加图像？

Question

我正在使用 Node 创建 PDF。我正在尝试制作一个与此类似的标题:

白色部分是标志，背景是蓝色的。到目前为止，我只有使用 Canvas (实际上是一个矩形)的背景，但我似乎无法在其上面放置图像。

我尝试像这样定义标题:

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

但是 Logo 没有显示。我查看了文档，但运气不佳。这是正确的方法吗？

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