Content below image gets corrupted on everycom printer

[rajinikanth0601]

Issue Summary:

When using EscPosEncoder to print images in raster mode, the content below the image gets corrupted. This issue is reproducible on the Everycom bluetooth thermal 3-inch printer(EC400), whereas it works fine on the Shreyans printer.

Steps to Reproduce:

• Encode an image using the EscPosEncoder in raster mode.
• Add content (like text) below the image.
• Print it on an Everycom thermal printer (EC400).

Expected Behavior:

The image and the content below it should be printed correctly without getting corrupted.

Actual Behavior:

• On the first print, the image prints correctly, but the content below it does not print at all.
• On the second print, corrupted text appears, followed by the content without image.

Additional Details:

• Column mode works without corruption but introduces white horizontal lines between images, making it less desirable for our use case.
• We attempted printing with a 16x height, which resolves the issue for some heights but still fails for heights like 288 and 432.

Code Used for Printing:

let encoder = new EscPosEncoder({ imageMode: "raster" });
let img = new Image();
img.src = 'data:image/jpeg;base64,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';

encoder.initialize()
    .image(img, width, height)
    .newline()
    .text('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.')
    .newline()
    .encode();

Print Images:

Resolution 416x416:

The image prints correctly, and the content below it is visible without issues.

Resolution 432x432:

First Print: Only the image is visible.

Second Print: Corrupted text, followed by the content below the image.

Printer Details:

The attached image provides the printer model and details used during testing.

[NielsLeenheer]

It may have something to do with the buffer of the printer receiving too much data too quickly. If it receives data quicker than it can handle the buffer will overflow and ignore incoming data. This could cause the printer to miss part of the image data and start printing corrupted text.

How are you sending the data to the printer? Using WebBluetoothReceiptPrinter, or another library?

One thing you could try is to connect it using USB instead, for example using WebUSBReceiptPrinter. If it works that way, we can rule out the printer itself and determine it is indeed the way the data is send.

[rajinikanth0601]

@NielsLeenheer We are using cordova-plugin-ble-central to transfer the buffer to printer, we also tried with Bluetooth Classic, but the issue is still reproducible.

[rajinikanth0601]

Hi @NielsLeenheer, Any update on this issue? Please let me know if you need any additional info for debugging this issue.