1、vue-qrcode-reader扫描二维码
调用手机摄像头需要https环境,因为HTTP协议不支持传输多媒体数据。
https环境可使用组件
vue2 扫码 vue-qrcode-reader - 简书
https://www.cnblogs.com/cxx9759/p/17021456.html2
https环境使用jsqr获取屏幕流转到video获取帧解析
-------------------------------------------------------------------------------------
http环境可使用jsQr
拍一张照片在使用jsqr解析。
https://www.cnblogs.com/sunshine233/p/15740624.html
2、qrcode.vue二维码的生成
补充
使用jsQr时,一定记得给画布长宽赋值,避免错误。
以上都是在前端实现,Java后端二维码识别使用Google的ZXing,因为ZXing库主要专注于标准二维码的解码和生成,拍摄图片带有其他图案识别失败所以图像需要处理(图像二值化处理
)。
java实现识别二维码图片功能;作者:weijx_;来源:脚本之家_站圈网
图像二值化处理Util
public static BufferedImage binarization(BufferedImage bi ) throws IOException {
//图像格式转换
//String base64Data =param.getQrCodeImgbase64()
.substring(param.getQrCodeImgbase64().indexOf(",") + 1);
// byte[] imageBytes = Base64.decodeBase64(base64Data);
// ByteArrayInputStream bis = new ByteArrayInputStream(imageBytes);
// BufferedImage imagetest = ImageIO.read(bis);
// File file = new File(filePath);
// BufferedImage bi = ImageIO.read(file);
// 获取当前图片的高,宽,ARGB
int h = bi.getHeight();
int w = bi.getWidth();
int arr[][] = new int[w][h];
// 获取图片每一像素点的灰度值
for (int i = 0; i < w; i++) {
for (int j = 0; j < h; j++) {
// getRGB()返回默认的RGB颜色模型(十进制)
arr[i][j] = getImageGray(bi.getRGB(i, j));// 该点的灰度值
}
}
// 构造一个类型为预定义图像类型,BufferedImage
BufferedImage bufferedImage = new BufferedImage(w, h, BufferedImage.TYPE_BYTE_BINARY);
// 和预先设置的阈值大小进行比较,大的就显示为255即白色,小的就显示为0即黑色
for (int i = 0; i < w; i++) {
for (int j = 0; j < h; j++) {
if (getGray(arr, i, j, w, h) > YZ) {
int white = new Color(255, 255, 255).getRGB();
bufferedImage.setRGB(i, j, white);
} else {
int black = new Color(0, 0, 0).getRGB();
bufferedImage.setRGB(i, j, black);
}
}
}
return bufferedImage;
// ImageIO.write(bufferedImage, "jpg", new File(fileOutputPath));
}