传单浏览器打印 - 如何将图像添加到打印结果的页眉？

Question

我正在尝试打印带有标题的地图，其中包含两个图像之间的文本，但我没有找到正确的方法来执行此操作。

L.control.browserPrint({
        title: '...',
        documentTitle: '...',
        printModes: [
            L.BrowserPrint.Mode.Auto("A4", { title: "Auto", **header:{ enabled: true, text: 'Webmap - Braganca Paulista', size: "25mm", overTheMap: false, backgroundColo:'#f0f' }** }),
        ],
    }).addTo(map);

我尝试在图像中使用“leaflet-browser-print-content”类后调用，但它将图像放在地图下方。标题没有包含图像的默认选项。

Answer 1

在传单浏览器打印的文档中，如果我们查看页眉/页脚对象，我们可以看到在文本字段中我们可以传递文本和 HTML 代码。

因此，如果您在图像中插入 HTML 代码，稍后您将能够在标题中将其可视化。

例如：

L.control.browserPrint({
    title: '...',
    documentTitle: '...',
    printModes: [
       L.BrowserPrint.Mode.Auto("A4", { title: "Auto", **header:{ enabled: true, text: '<img src="assets/image.png">', size: "25mm", overTheMap: false, backgroundColo:'#f0f' } }),
    ],
}).addTo(map);