51 lines
3.1 KiB
Markdown
51 lines
3.1 KiB
Markdown
# 通过微信小程序连接蓝牙打印机实现文字 图片打印示例 ESC/POS指令
|
||
|
||
## 我踩了好多坑出来的 希望对后面的同学有帮助
|
||
|
||
- 代码在 https://github.com/amdog/wx-mini-printer-example
|
||
|
||
## 主要的坑
|
||
1、连接打印机，这个是我按照网上大佬的示例做的，基本一遍过，设备重连这个很重要 小程序切换到后台再打开要重连设备。
|
||
|
||
2、打印图片， 最坑的就是这个了，原来打算用canvas api 将图片渲染上去再取出来imagedata ，最后发现
|
||
要么有的手机有兼容问题，wxml-to-canvas不支持。shi一样的小程序api，渲染到canvas的图片会错位，什么dpr，手机像素密度咯各种问题要解决取出来的imagedata和渲染上去的不一致
|
||
所以我干脆用后端直接把imagedata从服务端发到客户端上，真解决了兼容问题。如果数据包大的话还可压缩的：比如把图片先做黑白化处理255压缩为1，alpha通道不要传，毕竟都一样打印机不会打印透明，打印机只要黑和白。
|
||
|
||
3、java获取生成二维码并且获取图片imagedata示例
|
||
```java
|
||
@GetMapping ("/makeQrcodeImageDataJSONArray")
|
||
@Anonymous
|
||
public JSONArray makeQrcodeImageDataJSONArray(@RequestParam(required = true) String url,
|
||
@RequestParam(required = false) int width,
|
||
@RequestParam(required = false) int height) throws IOException {
|
||
try{
|
||
Map<EncodeHintType, Object> hints = new HashMap<>();
|
||
hints.put(EncodeHintType.CHARACTER_SET, "UTF-8");
|
||
BitMatrix bitMatrix = new QRCodeWriter().encode(url, BarcodeFormat.QR_CODE, width, height, hints);
|
||
// 将 BitMatrix 转换为 BufferedImage
|
||
BufferedImage image = MatrixToImageWriter.toBufferedImage(bitMatrix);
|
||
// 获取图像的宽度和高度
|
||
int imageWidth = image.getWidth();
|
||
int imageHeight = image.getHeight();
|
||
// 遍历图像的所有像素点，并获取它们的 RGBA 值
|
||
List<Object> rgbaValues = new ArrayList<>();
|
||
for (int y = 0; y < imageHeight; y++) {
|
||
for (int x = 0; x < imageWidth; x++) {
|
||
int rgb = image.getRGB(x, y);
|
||
int alpha = (rgb >> 24) & 0xFF; // 获取 alpha 值
|
||
int red = (rgb >> 16) & 0xFF;
|
||
int green = (rgb >> 8) & 0xFF;
|
||
int blue = rgb & 0xFF;
|
||
rgbaValues.add(red);
|
||
rgbaValues.add(green);
|
||
rgbaValues.add(blue);
|
||
rgbaValues.add(alpha);
|
||
}
|
||
}
|
||
return new JSONArray(rgbaValues);
|
||
}catch(Exception e){
|
||
return new JSONArray();
|
||
}
|
||
}
|
||
```
|