- 综合排序
- 最热优先
- 最新优先
- 来自专栏Angular&服务
ionic2实现扫描二维码功能
安装插件 // 安装平台插件 ionic cordova plugin add cordova-plugin-qrscanner // 安装ionic2插件 npm install --save @ionic-native /qr-scanner ---- 2.使用插件 1.创建扫描二维码的页面 ionic generate page qrdcan 2.页面跳转到扫码页面 跳转方法 // 跳转扫码页面 goQrdcan contain; } } .through-line { left: 20%; width: 60%; height: 2px
1.6K20发布于 2018-08-20 - 来自专栏Angular&服务
cordova扫描二维码
phonegap-plugin-barcodescanner.git 然后在要页面上添加调用的按钮
<button ng-click="erweima()">扫描二维码 $inject = ['$scope']; function erweimaCtrl($scope) { //二维码 $scope.erweima = ()=> function(result) { //扫码成功后执行的回调函数 alert("收到一个二维码 false, // Android, launch with the torch switched on (if available)打开手电筒 prompt: "在扫描区域内放置二维码 //0 suppresses it entirely, default 1500 设置扫码时间的参数 formats: "QR_CODE", // 二维码格式可设置多种类型2.3K30发布于 2018-08-20来自专栏全栈程序员必看iOS二维码扫描
有三种对焦模式： AVCaptureFocusModeContinuousAutoFocus AVCaptureFocusModeAutoFocus AVCaptureFocusModeLocked 监测扫描区域的变化
1.2K20编辑于 2022-09-12来自专栏Eureka的技术时光轴条码扫描二维码扫描——ZXing android 源码简化
前言 最近公司的Android项目需要用到摄像头做条码或二维码的扫描，Google一下，发现一个以Apache License 2.0 开源的 ZXing项目。 You have %2$d new messages. 这个是启动Activity 也就是扫描器（如果是第一安装，它还会跳转到帮助界面）。 CaptureActivityHandler 解码处理类，负责调用另外的线程进行解码。 SurfaceHolder接口实现 initCamera () 方法用于初始化摄像头，如果排除了所有的error ，运行项目时就可以看到大致扫描界面了。 handler = new CaptureActivityHandler(this, decodeFormats,characterSet) 用于进行扫描解码处理。
3.1K20发布于 2019-07-24来自专栏网罗开发Android 二维码扫描和生成二维码
在APP开发中，常遇到二维码扫描功能和生成二维码的需求。Android大部分是集成了zxing这个开源项目的扫码功能。 demo首页 1.2扫描界面 ? 扫描界面 可以根据需求修改，我实际项目中界面截图如下： ? 实际项目截图 1.3生成二维码 ? 生成二维码 2.引入文件 2.1 下载demo，拷贝demo中的com.google.zxing5个包和com.utils包引入到自己的项目中。 ? View view) { switch (view.getId()) { case R.id.openQrCodeScan: //打开二维码扫描界面 源码分析 5.1打开二维码扫描界面 //打开二维码扫描界面 if(CommonUtil.isCameraCanUse()){
2K10发布于 2021-01-29来自专栏kali blogcss实现二维码扫描效果
border: 0.1rem solid rgba(0, 255, 51, 0.2); } .qr-scanner .line { height: calc(100% - 2px border-bottom: 3px solid #00ff33; transform: translateY(-100%); animation: radar-beam 2s
1.8K40编辑于 2021-12-18来自专栏项勇使用Zxing实现二维码扫描
DEMO，出于对二维码扫描的兴趣而做的，只是一直未运用到实际的工作中，就当是玩泥巴了！ 目录 扫描二维码的逻辑 Zxing介绍 实现 主要代码 一. 扫描二维码的逻辑 所谓的二维码，是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形，用于记录数据符号信息的东西； 在代码编制上巧妙的利用构成计算机内部逻辑基础的0和1比特流的概念， 使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图像输入设备或光电扫描设备自动识读以实现信息自动处理； 二维码能够在横向和纵向两个方位同时表达信息，因此能在很小的面积内表达大量的信息； 二维码相对于条形码的优势就是省空间 其提供了多种平台下的客户端包括： J2ME、J2SE和Android zxing目前支持的的格式如下： UPC-A,UPC-E EAN-8，EAN-13 39码 93码 代码128 QR码 ---- 三
3K60发布于 2018-06-19来自专栏学海无涯iOS开发之扫描二维码
自iOS7以后，iOS扫描二维码不需要借助于第三方框架了，苹果在AVFoundation中原生支持了扫描二维码的API，主要涉及到5个类，这5个类在自定义相机或者视频时也用得上，网上有很多介绍，这5个类分别为 界面似乎没什么关系，但是实际开发中，扫描界面一般都是设计的比较人性化的，如支付宝、微信等，中间都有一个小框，有个线上下扫，这个其实就是用UI来配合扫描二维码，给用户一种好的体验。 扫描二维码.gif 总结 一、遇到的坑 1、设置了AutoLayout，想要做动画，这时候动画放在viewDidAppear中执行，并且不要用bounds，frame来改变动画，要用具体的约束，但是直接在 2、设置扫描区域，也就是设置AVCaptureMetadataOutput的rectOfInterest属性，它是一个CGRect类型，但是它的四个值和传统的不一样，是（y，x，高，宽）且是比例值，取值范围为 二、参考文献 1、iOS开发系列--音频播放、录音、视频播放、拍照、视频录制 2、iOS开发 - 二维码的扫描 3、iOS二维码扫描与生成(优化启动卡顿) 三、源代码
2.5K40发布于 2018-05-03来自专栏逮虾户CameraX 封装二维码扫描组件
仓库地址 究极花里胡哨camreaX二维码扫描 二维码扫描小优化 去除zxing额外支持的格式（有争议的点，其实并没有特别大的差距） MultiFormatReader的decodeWithState 扫描区域放大到全局 去除项目中的扫描区域，将图像识别区域放大到整张区域，这样增加了二维码的边界情况，不需要特意的对准屏幕的扫描区域。 将相机升级到jetpack的CameraX 谷歌已经在官方提供了对于camera2的整合包，集成在CamreaX，而且CameraX内部有对于图片分析的接口，所以我们在这个接口中会对原来的二维码扫描进行一次转移 ，然后构建一个线程池专门去处理二维码扫描的分析器。 （2）所以我们需要做的就是先检测该图像区域内是否有一个二维码，同时计算二维码的大小，和图像比例进行一次大小换算，如果发现二维码过小的情况下，自动放大图片区域。
2K61发布于 2020-10-15来自专栏程序员的诗和远方React Native 实现二维码扫描
最近刚好在学习 React Native 想搞个扫描条形码，二维码的小应用，因为涉及硬件接口，而且自己本身并没有原生开发背景，踩了几个坑，记录一下。 扫描二维码 首先当然是 google 一下看看是否有现成的 React Native 库支持二维码，感谢最大的同性交友网站 GitHub，还真有两个：react-native-camera 和 react-native-barcodescanner 'transparent' }, rectangle: { height: 250, width: 250, borderWidth: 2, 又一次按下运行键，这次显示构建成功，在 iOS 设备上信任了开发证书之后，打开程序，因为我是一打开程序就开始扫描的，于是 Crash 了。
4.2K80发布于 2018-05-02来自专栏Core NetIOS 使用 ZbarSDK 二维码扫描
下载SDK https://github.com/bmorton/ZBarSDK 2. 引用到项目中 3. 添加引用 4. AppDelegate中添加下面代码 5. 在需要使用扫描的controller中实现ZBarReaderViewDelegate 6.
2K70发布于 2018-05-17来自专栏逮虾户CameraX 封装二维码扫描组件
仓库地址 究极花里胡哨camreaX二维码扫描 二维码扫描小优化 去除zxing额外支持的格式（有争议的点，其实并没有特别大的差距） MultiFormatReader的decodeWithState( 扫描区域放大到全局 去除项目中的扫描区域，将图像识别区域放大到整张区域，这样增加了二维码的边界情况，不需要特意的对准屏幕的扫描区域。 将相机升级到jetpack的CameraX 谷歌已经在官方提供了对于camera2的整合包，集成在CamreaX，而且CameraX内部有对于图片分析的接口，所以我们在这个接口中会对原来的二维码扫描进行一次转移 ，然后构建一个线程池专门去处理二维码扫描的分析器。 （2）所以我们需要做的就是先检测该图像区域内是否有一个二维码，同时计算二维码的大小，和图像比例进行一次大小换算，如果发现二维码过小的情况下，自动放大图片区域。
84010编辑于 2024-01-27来自专栏Android常用基础基于zxing的二维码扫描
前言 现在的应用中二维码扫描已经成为一个应用必不可少的功能，现在大部分Android二维码扫描都是基于zxing和Zbar，这文章就来介绍一下基于zxing的二维码扫描。先看下效果图 ? 效果图 ---- 虽然现在的关于二维码的文章有很多，但是很多都是交我们怎么使用，在使用的时候我也遇到了很多问题，比如。UI界面太丑,没有用的文件太多，扫描太慢，版本太老。 我用的小米2A(api=19)亲测在正常情况下扫描时间和QQ微信差不多，我的界面是类防QQ的也是比较美观的。那么我们看看如何使用和文件的作用。 扫描图片二维码的点击事件也比较简单我们自需要打开相册。并用startActivityForResult启动相册。 因为生成二维码并不依赖扫描的Activity，所以不管在那里我们只要调用createQRcode，就能生成二维码。
4.6K20发布于 2018-09-11来自专栏Flutter入门到实战Zxing二维码扫描和那些坑
，涵盖了很多的扫码功能（不仅仅局限于扫描二维码...）。 此时，编译启动，你就可以看到一个简单的扫描界面了。 2.如何修取景框的样式 启动后，你是不是玩的很爽。感慨Google改变了我们的生活，让任何事情变得可能。哈哈，扯淡两句 。 所以，单凭以上2个部分是满足不了大家的，那么，我们下面来看几个问题： （1）你是否遇到了，取景框太小，以至于离二维码很远才可以扫到？ （2）取景框对准二维码，二维码拉伸变形了，根本扫不出结果来！ 填了第一个坑，我们来填第二个： 针对于扫描时，二维码拉伸变形的问题，是因为zxing默认是针对横屏扫描的，所以，我们只需要改变x,y的计算，即横纵轴即可。 注：最近有朋友说近距离扫描二维码扫描不出，需要远一点才可以。
2.4K10发布于 2018-09-03来自专栏IT 5478050如何扫描二维码显示表格内容
二维码可以用网址、数字、字母、汉字等表示， 通过扫描二维码，来表示一些特定的信息。最近有朋友咨询，扫描二维码，内容是用表格呈现出来的，该如何制作？ 如下图： 二维码支持网址、字母、汉字、文字等，二维码里面不带任何的排版样式，如果想要扫描二维码显示排版及表格样式的话，可以做一个网页的排版，然后上传到服务器或者自己的网站上，得到一个网址，就是二维码的内容 1.可以将表格上传到服务器或者自己的网站上得到一个网址就是二维码的内容。 2.点击软件左侧的”绘制二维码”按钮，在画布上绘制一个二维码对象，双击二维码，在图形属性-条码-类型中，设置一下所需的二维码类型，这类以QR code为例。 然后扫描二维码就可以显示图1表格的效果。如果想要显示表格效果的话，建议你先将表格上传到服务器或者自己的网站上，然后再借助二维码制作软件就可以达到上图的效果。
4K31发布于 2019-09-26在线二维码扫描器分享
日常遇到海报、快递单、会议资料或聊天截图里的二维码，但不方便用手机（比如手机不在身边、没电、摄像头不方便对焦）时，可以直接用「在线二维码扫描器」在浏览器里识别。 在线工具网址：https://see-tool.com/qrcode-scanner工具截图：能做什么支持两种方式：上传二维码图片/使用摄像头实时扫描快速识别常见二维码格式：QRCode、DataMatrix 等识别后直接查看内容：文本、链接、Wi-Fi信息等（按识别结果展示）怎么用（3步）打开工具页面：/qrcode-scanner选择一种方式：图片上传：把截图/照片拖进去或点按钮选择图片摄像头扫描：允许浏览器使用摄像头 ，把二维码放到画面中央等待识别结果出现：如果是链接，建议先确认域名再打开如果是文本，可直接复制保存扫不出来时的排查让二维码更清晰：放大图片、提高亮度、避免反光和过度压缩尽量对齐：二维码四角完整露出，不要被裁切换一种输入 ：图片识别失败时，试试摄像头；反过来也一样适合哪些场景从截图/相册里识别二维码（很多聊天软件不一定都支持）电脑端快速读取二维码内容，用于复制链接、核对信息需要临时扫码但不想安装额外应用
27810编辑于 2026-03-10来自专栏刘晓杰Zxing二维码扫描（Android开源库）
最近研究了一下二维码扫描，github地址（https://github.com/zxing/zxing）。本来想做个扫描相册内的二维码的，结果没做成。 as byte[] in the message.obj field, with width and height * encoded as message.arg1 and message.arg2, 二维码的解析函数大致摘抄如下： RGBLuminanceSource source = new RGBLuminanceSource(width, } catch (ReaderException re) { Toast.makeText(getApplicationContext(), "二维码解析有误 } } 由于不知道上文所述的byte[] data哪里来的导致RGBLuminanceSource 构造函数有问题，所以就一直Toast二维码解析有误
2.5K30发布于 2019-02-21来自专栏编程微刊小程序扫描二维码，正则校验
需求： 1：扫码返回的结果必须是DECA开头,否则提示非法二维码 2：扫码返回的结果必须是16位 3：支付宝，微信等其他非项目公司提供的二维码扫描均无效 正则： const reg = /^DECA a) { wx.showToast({ icon: 'none', title: '非法二维码', }) a) { wx.showToast({ icon: 'none', title: '非法二维码', })
43100编辑于 2025-05-18来自专栏月亮与二进制iOS7自带扫描二维码、条形码功能实现引1、准备工作2、实现扫描界面3、优化扫描界面
引 随着二维码的普及，扫码功能越来越重要，比起手动输入，扫码直接获取的方式会更加的便捷和快速，在iOS7之前，实现扫码一般是使用第三方的类库，如ZBar等，iOS7之后开始自行提供扫码的框架，在AVFoundation 此外我们右图中的区域标识方框和上下扫描运动的线条都是图片，所以我们要把图片添加到我们的工程中去，可以在我的工程中复制图片文件（pick_bg@2x.png和line@2x.png）。 2、实现扫描界面 我们使用苹果定义的方法来实现扫描界面的创建，在按钮的响应方法中： - (IBAction)scan:(id)sender {// 按钮响应方法 //获取摄像设备 } 其实到这里就已经实现扫描功能了，很简单对不对，我这里只是将扫描结果显示在Label上，如果是条形码就会显示数字，如果是二维码也会显示相应的内容，之后要对结果进行怎样地处理也可以自行处理，非常方便 ，我们原本的界面上是有按钮和Label的，设为0的话按钮和Label就会显示在扫描界面的上方， 体验就非常不好了，所以我们放在按钮和Label之上，也就是设为2。
1.2K20发布于 2021-11-23来自专栏全栈程序员必看vue如何生成二维码_vue实现扫描二维码
这里介绍两种vue生成二维码的方法 QRcode vue-qr vue-qr比QRcode功能多在可以在中间加logo 下面先介绍QRcode vue里安装qrcodejs的npm包 npm install qrcodejs2 import QRCode from ‘qrcodejs2’ methods: { creatQrCode() { var qrcode = new QRCode , correctLevel: QRCode.CorrectLevel.H }) }, } mounted() { this.creatQrCode(); }, 接下来介绍可以带logo的二维码 vue-qr npm安装 npm install vue-qr –save 是不是比qrcode简单的多， 只不过两种生成二维码的样式还是有区别的，各有所爱吧，用哪个都可以 要注意一点，引用的img路径一定要加
1.7K20编辑于 2022-11-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号