使用html2canvas捕获屏幕并使用weappbridge打印图像

Question

我正在使用imTigger的Web硬件桥。我的目标是直接从网页进行静默打印，而无需调用系统对话框。

这是Web硬件桥项目：https://github.com/imTigger/webapp-hardware-bridge而且我能够映射我的打印机，并像许多示例一样使用javascript选择pdf和原始pdf并直接打印到它们]

我还能够使用html2canvas并捕获屏幕并将图像附加到html并在浏览器控制台中显示。

现在，我正在尝试使用这两个代码将图像发送到打印机，并且得到了足够的图像。打印机点亮，但是没有图像打印。因此，我使用cutepdf打印到pdf，这样我可以看到打印的内容，并得到空白的pdf页面。

这是我的代码：

<script>

html2canvas(document.querySelector("#capture")).then(
    canvas => {

        var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
        console.log(image);
        printService.submit({
                'type': 'INVOICE',
                'raw_content':  image
            }); 
}); 
</script>
我也尝试了这个但没有成功

        var image = canvas.toDataURL("image/png");
谢谢！

我正在使用imTigger的Web硬件桥。我的目标是直接从网页进行静音打印，而无需调用系统对话框。这是Web硬件桥项目：https：// github ....

Answer 1

我找到了解决方法，