autojs识别二维码

简介: 牙叔教程 简单易懂

牙叔教程 简单易懂


识别本地二维码效果


环境


手机: Mi 11 Pro


Android版本: 12


Autojs版本: 9.1.7


相机扫描二维码常见问题


  • 相机预览画面, 存在拉伸和扭曲现象
  • maxImages (2) has already been acquired, call #close before acquiri
  • 从相机获取的二维码不在图片中间, 可能只有一小部分二维码


相机预览画面, 存在拉伸和扭曲现象


这个问题之前写过一个教程, 参考


autojs-camera2-自动对焦且无拉伸变形


https://www.yuque.com/yashujs/bfug6u/yv4ycv


maxImages (2) has already been acquired


这是因为相机保存的图片是有上限的, 一般设为2张, 好手机可以到10张, 图片太多, app就崩掉了,


所以处理完图片之后, 要关闭图片, 释放图片资源


从相机获取的二维码不在图片中间, 可能只有一小部分二维码


相机扫描二维码需要有两个surface,


一个负责显示到屏幕上给用户看,


一个负责转成bitmap给二维码模块识别,


这里就会发生坐标的问题, 你猜有几个坐标?



首先, 相机拍摄画面, 算一个坐标;


拍摄画面投射给surface又是一个坐标,


surface上图片显示区域又是一个坐标,


你识别二维码, 你希望二维码放到图片中间, 多余的部分裁剪掉, 这又是一个坐标,


裁剪之前, 你需要通过平移, 让二维码居中, 又要计算坐标;


虽然不是说要100%搞懂他们之间的关系, 但是你至少要搞懂50%,


否则, 相机扫描二维码识别, 恐怕你写不出来


关键代码


1: 二维码识别出来之后, 把识别结果抛给主线程, 这是通过广播来实现的

events.broadcast.emit("qrCodeRecognitionResults", qrCodeRecognitionResults);
events.broadcast.on("qrCodeRecognitionResults", function (result) {
  if (result) {
    setClip(result);
    toastLog("已复制到剪贴板");
    ui.recognitionResults.setText("" + result);
  }
});


2: 识别bitmap的二维码

function identifyQrCode(bmp) {
  var pixels = util.java.array("int", bmp.getWidth() * bmp.getHeight());
  bmp.getPixels(pixels, 0, bmp.getWidth(), 0, 0, bmp.getWidth(), bmp.getHeight());
  var binaryBitmap = new BinaryBitmap(
    new HybridBinarizer(new RGBLuminanceSource(bmp.getWidth(), bmp.getHeight(), pixels))
  );
  var qrCodeResult = new MultiFormatReader().decode(binaryBitmap);
  var result = qrCodeResult.getText().toString();
  return result;
}


3: 选择本地文件

activity.getEventEmitter().on("activity_result", (requestCode, resultCode, data) => {
  if (requestCode == imgRequestCode) {
    if (resultCode == activity.RESULT_OK) {
      let uri = data.getData();
      let path = uri.getPath();
      let decodePath = decodeURIComponent(path);
      path = decodePath.match(/(\/storage\/emulated\/0\/|\/sdcard\/)(.*)/);
    }
  }
});
ui.selectFile.click(function () {
  ui.selectFile.setEnabled(false);
  intent = new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
  activity.startActivityForResult(intent, imgRequestCode);
  setTimeout(() => {
    ui.selectFile.setEnabled(true);
  }, 2000);
});


4: 相机界面

ui.layout(
  <frame fitsSystemWindows="false" id="parentView">
    <Camera2View id="camera2_view" layout_width="match_parent" layout_height="match_parent" />
    <canvas id="board" w="*" h="*"></canvas>
  </frame>
);


5: 相机界面动画

board.on("draw", (canvas) => {
  canvas.drawColor(android.graphics.Color.TRANSPARENT, android.graphics.PorterDuff.Mode.CLEAR);
  canvas.clipPath(path);
  canvas.drawLine(line.x1, line.y, line.x2, line.y, paint);
});
addAnimationTimer();
function addAnimationTimer() {
  var valueAnimator = android.animation.ValueAnimator.ofFloat(circle.y - radius - 66, circle.y + radius + 66);
  valueAnimator.setDuration(3000);
  valueAnimator.addUpdateListener(
    new android.animation.ValueAnimator.AnimatorUpdateListener({
      onAnimationUpdate: function (valueAnimator) {
        line.y = valueAnimator.getAnimatedValue();
      },
    })
  );
  valueAnimator.setRepeatCount(android.animation.ValueAnimator.INFINITE);
  valueAnimator.start();
  events.on("exit", function () {
    valueAnimator.removeAllListeners();
  });
}


6: 解决camera2拉伸变形

let scale = mPreViewSize.getWidth() / viewHeight;
viewWidth *= scale;
viewHeight *= scale;
let matrix = new Matrix();
let viewRect = new RectF(0, 0, viewWidth, viewHeight);
let bufferRect = new RectF(0, 0, mPreViewSize.getHeight(), mPreViewSize.getWidth());
matrix.setRectToRect(viewRect, bufferRect, Matrix.ScaleToFit.FILL);
let translateX = (mPreViewSize.getWidth() - mTextureView.getHeight()) / 2;
matrix.postTranslate(-translateX, 0);
mTextureView.setTransform(matrix);


7: 获取二维码图片时, 让二维码居中

let matrix = new Matrix();
matrix.postRotate(90, bitmap.getWidth() / 2, bitmap.getHeight() / 2);
let translateX = (mPreViewSize.getWidth() - newBitmap.getWidth()) / 2;
let translateY = (mPreViewSize.getHeight() - newBitmap.getHeight()) / 2;
matrix.postTranslate(-translateX, -translateY);
canvas.drawBitmap(bitmap, matrix, paint);


8: 及时释放资源

bitmap.recycle();
newBitmap.recycle();
img.recycle();
events.on("exit", function () {
  mThreadHandler.quit();
  bitmapArr.map(function (item) {
    item && !item.isRecycled() && item.recycle();
  });
  bitmapArr = [];
  imgArr.map(function (item) {
    item && !item.isRecycled() && item.recycle();
  });
  imgArr = [];
  mHandler.removeCallbacksAndMessages(null);
});


9: 加个Processing用于记录处理图片的数量, 多了不干, 当然图片处理完之后要Processing--

onImageAvaiableListener = new android.media.ImageReader.OnImageAvailableListener({
  onImageAvailable: function (imageReader) {
    if (Processing > Math.min(1, imageReader.getMaxImages())) {
    } else {
      Processing++;
      mHandler.post(new ImageSaver(imageReader.acquireNextImage()));
    }
  },
});


tip


如果二维码识别不了, 可以试试opencv的自适应阈值


名人名言


思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文档, autojs文档, 最后才是群里问问
--- 牙叔教程


声明


部分内容来自网络
本教程仅用于学习, 禁止用于其他用途

相关文章
|
1月前
|
存储 自然语言处理 小程序
如何制作产品介绍二维码(一):编辑二维码内容
本篇主要以官方模板「产品详情介绍」为例,教大家如何从0开始制作单个产品介绍二维码。
|
3天前
|
搜索推荐 Python
玩转二维码世界:定制专属神奇二维码
这篇文章介绍了如何使用Python的amzqr模块创建定制化的二维码。amzqr模块可生成包含文字或链接的二维码,并能结合图片制作彩色二维码。虽然不支持中文,但能制作出包含网站链接、个人头像或企业标志的二维码,增加个性化元素。文章还提到了zxing库用于读取二维码中的数据。示例代码展示了如何生成和解析二维码,以及可用的参数选项。由于平台限制,二维码图片未能直接显示,需参考原文查看。
19 0
玩转二维码世界:定制专属神奇二维码
|
19天前
|
小程序 JavaScript
微信小程序长按识别图片二维码功能
微信小程序长按识别图片二维码功能
26 0
|
4月前
|
小程序
微信小程序中长按识别二维码
微信小程序中长按识别二维码
88 0
|
移动开发 前端开发 JavaScript
纯web端实现二维码识别
最近公司的业务场景中有个生成二维码和识别二维码的需求。生成二维码之前有做过,选用的 qrcode.js这个前端库,操作比较简单。这里不再赘述。 刚开始看到二维识别这个需求觉得很简单,以为有相应的前端库直接用就行了。但当真正开始写功能时,发现二维识别会涉及到很多其他的功能。废话不再多说,还是来看看如何实现的吧。
二维码
二维码
78 0
|
Android开发
autojs提高二维码识别率(一)-标记定位点
autojs提高二维码识别率(一)-标记定位点
257 0
|
Android开发 计算机视觉
autojs模仿抖音logo效果
牙叔教程 简单易懂
138 0
|
文字识别 前端开发 JavaScript
autojs之ocr-百度
使用情景 安卓手机调用百度ocr识别文字
261 0
autojs之ocr-百度