js开发扫描二维码 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

iOS开发之扫描二维码

自iOS7以后，iOS扫描二维码不需要借助于第三方框架了，苹果在AVFoundation中原生支持了扫描二维码的API，主要涉及到5个类，这5个类在自定义相机或者视频时也用得上，网上有很多介绍，这5个类分别为...实现从上面的描述看，除了预览层，其他的和UI界面似乎没什么关系，但是实际开发中，扫描界面一般都是设计的比较人性化的，如支付宝、微信等，中间都有一个小框，有个线上下扫，这个其实就是用UI来配合扫描二维码...[[NSNotificationCenter defaultCenter] removeObserver:self]; } #pragma mark - 代理方法 /** * 如果扫描到了二维码...扫描二维码.gif 总结一、遇到的坑 1、设置了AutoLayout，想要做动画，这时候动画放在viewDidAppear中执行，并且不要用bounds，frame来改变动画，要用具体的约束，但是直接在...二、参考文献 1、iOS开发系列--音频播放、录音、视频播放、拍照、视频录制 2、iOS开发 - 二维码的扫描 3、iOS二维码扫描与生成(优化启动卡顿) 三、源代码

2.5K4 0

使用Python开发二维码扫描工具

依赖安装调用摄像头需要使用到 OpenCV 模块，而识别二维码则需要使用到 pyzbar 模块。...这里可以改造为按q键退出读取 # key = cv.waitKey(10) # if key == ord('q'): # break cv.destroyAllWindows() pyzbar基本用法识别二维码中的文字...import cv2 as cv from pyzbar import pyzbar ### 读取图片 img = cv.imread("11.png") ### 识别二维码 res = pyzbar.decode...('q'): break try: res = pyzbar.decode(frame) text = res[0].data.decode('utf-8') print(text) # 当画面中没有二维码时

6882 0

您找到你想要的搜索结果了吗？

是的

没有找到

iOS开发——系统原生的二维码扫描

对于现在的App应用来说，扫描二维码这个功能是再正常不过的一个功能了，在早期开发这些功能的时候，大家或多或少的都接触过ZXing和ZBar这类的第三方库，但从iOS7以后，苹果就给我们提供了系统原生的API...来支持我们扫描获取二维码，ZXing和ZBar在使用中或多或少有不尽如人意的地方，再之停止更新很久了，所以今天我们就来聊聊如何用系统原生的方法扫描获取二维码。...}]; 这个self.scanRect是我先前定义的一个二维码扫描框的尺寸，而赋值我们在现在已经为他们设定好，现在不管适配什么机型，都会出现在屏幕的中间。...二维码扫描线的样式对于二维码的扫描线，我给定了四种模式 typedef NS_ENUM(NSInteger, ScanLineMode) { ScanLineModeNone, //没有扫描线.../网格状，类似于支付宝的扫一扫 }; 所以在我封装的类里，切换不同的模式，可以实现各种二维码扫描的状态。

1.2K3 0

cordova扫描二维码

phonegap-plugin-barcodescanner.git 然后在要页面上添加调用的按钮扫描二维码...$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.3K3 0

iOS二维码扫描

有三种对焦模式： AVCaptureFocusModeContinuousAutoFocus AVCaptureFocusModeAutoFocus AVCaptureFocusModeLocked 监测扫描区域的变化

1.2K2 0

Android二维码扫描开发（一）：实现思路与原理

现在二维码已经非常普及了，那么二维码的扫描与处理也成为了Android开发中的一个必要技能。...所以我自己写了这篇文章，把Android二维码的开发来从头捋一下。本例界面如下图所示，代码链接在文章最下方。...四、图像预处理根据二维码的原理，我们只需要图像的亮度信息来进行二维码解析，所以我们要把获取到的彩色图像转换为灰度图像。...五、二维码解析在这里，二维码解析使用的是google的zxing开源框架，把上一步处理后的灰度图像，封装为zxing的LuminanceSource，再封装为zxing的BinaryBitmap,然后就可以进行二维码解析了...二维码扫描的大致流程和原理就叙述到这里了，下一篇将会对YUV图像进行详细的介绍。源码地址：https://github.com/xushanmeng/QRCodeScannerDemo

2K7 0

条码扫描二维码扫描——ZXing android 源码简化

前言　　最近公司的Android项目需要用到摄像头做条码或二维码的扫描，Google一下，发现一个以Apache License 2.0 开源的 ZXing项目。...前提条件　　下载源代码：点击这里　　编译核心库：Zxing的主页上有介绍具体步骤，大家也可以参照这篇博文：android 条码识别软件开发全解析(续2详解绝杀！)...原因：由于新的SDK采用了新版本的aapt（Android项目编译器），这个版本的aapt编译起来会比老版本更加的严格，然后在Android最新的开发文档的描述String的部分，已经说明如何去设置 %...这个是启动Activity 也就是扫描器（如果是第一安装，它还会跳转到帮助界面）。 CaptureActivityHandler 解码处理类，负责调用另外的线程进行解码。...SurfaceHolder接口实现 initCamera () 方法用于初始化摄像头，如果排除了所有的error ，运行项目时就可以看到大致扫描界面了。

3.1K2 0

Android二维码扫描开发（二）：YUV图像格式详解

上一篇中，我们了解了Android二维码扫描开发的实现思路和原理。

2.3K10 0

Android 二维码扫描和生成二维码

在APP开发中，常遇到二维码扫描功能和生成二维码的需求。Android大部分是集成了zxing这个开源项目的扫码功能。...demo首页 1.2扫描界面 ? 扫描界面可以根据需求修改，我实际项目中界面截图如下： ? 实际项目截图 1.3生成二维码 ?...View view) { switch (view.getId()) { case R.id.openQrCodeScan: //打开二维码扫描界面...= null){ Toast.makeText(this,"二维码生成成功！"...源码分析 5.1打开二维码扫描界面 //打开二维码扫描界面 if(CommonUtil.isCameraCanUse()){

2K1 0

Js生成二维码_js在线生成二维码

1 引入js jquery.jqprint-0.3.js jquery.qrcode.min.js jquery-migrate-1.4.1.js 2 html元素：二维码生成在img的div中...，新增img标签，并设置为display：none 3 生成二维码 $(“#ewm”).qrcode(“http://127.0.0.1:8080/pages/check/infos.html?...importCSS : true, printContainer : true, operaSupport : false }); } 注意点：qrcode 生成的二维码是在

6.3K22 0

使用Zxing实现二维码扫描

DEMO，出于对二维码扫描的兴趣而做的，只是一直未运用到实际的工作中，就当是玩泥巴了！...目录扫描二维码的逻辑 Zxing介绍实现主要代码一....扫描二维码的逻辑所谓的二维码，是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形，用于记录数据符号信息的东西；在代码编制上巧妙的利用构成计算机内部逻辑基础的0和1比特流的概念，...使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图像输入设备或光电扫描设备自动识读以实现信息自动处理；二维码能够在横向和纵向两个方位同时表达信息，因此能在很小的面积内表达大量的信息；二维码相对于条形码的优势就是省空间...Zxing可以实现使用手机的内置的摄像头完成条形码和二维码的扫描与解码。目标是能够对QR编码、Data Matrix、UPC的1D条形码进行解码。

3K6 0

css实现二维码扫描效果

按照知识共享署名-非商业性使用 4.0 国际协议进行许可，转载引用文章应遵循相同协议。

1.8K4 0

纯血鸿蒙APP实战开发——折叠屏扫描二维码方案

1.OpenHarmony开发基础2.OpenHarmony北向开发环境搭建3.鸿蒙南向开发环境的搭建4.鸿蒙生态应用开发白皮书V2.0 & V3.05.鸿蒙开发面试真题（含参考答案） 6.TypeScript...---CommonConstants.ets // 通用常量 |---components | |---CustomScanCameraComp.ets // 自定义组件-二维码扫描相机流组件...| |---CustomScanCtrlComp.ets // 自定义组件-二维码扫描控制菜单组件 |---model | |---PermissionModel.ets...WindowModel.ets // 模型层-窗口管理器 |---pages | |---CustomScanPage.ets // 展示层-二维码扫描页面...|---viewmodel | |---CustomScanViewModel.ets // 控制层-二维码扫描控制器写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙

3652 0

IOS 使用 ZbarSDK 二维码扫描

在需要使用扫描的controller中实现ZBarReaderViewDelegate 6.

2K7 0

CameraX 封装二维码扫描组件

其中内部的代码版本跨度特别大，而且资料相对来说只有官方的demo比较可以参考，所以最近完成了项目的开发之后，把经验分享一下提供给各位。...仓库地址究极花里胡哨camreaX二维码扫描二维码扫描小优化去除zxing额外支持的格式（有争议的点，其实并没有特别大的差距） MultiFormatReader的decodeWithState...扫描区域放大到全局去除项目中的扫描区域，将图像识别区域放大到整张区域，这样增加了二维码的边界情况，不需要特意的对准屏幕的扫描区域。...，然后构建一个线程池专门去处理二维码扫描的分析器。...= 双击放大当前二维码扫描中没有调整焦距的功能，所以我们在这次调整中对其进行了一次双击放大的开发。通过监控双击事件实现对应监听。

2K6 1

React Native 实现二维码扫描

最近刚好在学习 React Native 想搞个扫描条形码，二维码的小应用，因为涉及硬件接口，而且自己本身并没有原生开发背景，踩了几个坑，记录一下。...扫描二维码首先当然是 google 一下看看是否有现成的 React Native 库支持二维码，感谢最大的同性交友网站 GitHub，还真有两个：react-native-camera 和 react-native-barcodescanner...里面代码也比较简单，就是利用 React Native 根据不同平台会去读 xxx.ios.js 或者 xxx.android.js 的原理，写一个公共的 index.js 然后分别调用不同平台的库。...// index.js module.exports = require("....又一次按下运行键，这次显示构建成功，在 iOS 设备上信任了开发证书之后，打开程序，因为我是一打开程序就开始扫描的，于是 Crash 了。

4.1K8 0

基于zxing的二维码扫描

前言现在的应用中二维码扫描已经成为一个应用必不可少的功能，现在大部分Android二维码扫描都是基于zxing和Zbar，这文章就来介绍一下基于zxing的二维码扫描。先看下效果图 ?...效果图 ---- 虽然现在的关于二维码的文章有很多，但是很多都是交我们怎么使用，在使用的时候我也遇到了很多问题，比如。UI界面太丑,没有用的文件太多，扫描太慢，版本太老。...isFlash; } else if (id == R.id.photo_btn) {//扫描二维码图片 // 打开手机中的相册...扫描图片二维码的点击事件也比较简单我们自需要打开相册。并用startActivityForResult启动相册。...因为生成二维码并不依赖扫描的Activity，所以不管在那里我们只要调用createQRcode，就能生成二维码。

4.6K2 0

CameraX 封装二维码扫描组件

其中内部的代码版本跨度特别大，而且资料相对来说只有官方的demo比较可以参考，所以最近完成了项目的开发之后，把经验分享一下提供给各位。...仓库地址究极花里胡哨camreaX二维码扫描二维码扫描小优化去除zxing额外支持的格式（有争议的点，其实并没有特别大的差距） MultiFormatReader的decodeWithState(...扫描区域放大到全局去除项目中的扫描区域，将图像识别区域放大到整张区域，这样增加了二维码的边界情况，不需要特意的对准屏幕的扫描区域。...，然后构建一个线程池专门去处理二维码扫描的分析器。...，所以我们在这次调整中对其进行了一次双击放大的开发。

8111 0

js生成二维码_js生成二维码并保存

js生成二维码一、一个简单的示例二、二个简单的示例前段时间项目中需要开发扫描二维码查看信息的功能，在网上查了一些资料，把用过的方法进行总结需要导入一个qrcode的js 插件。.../jquery-1.11.0.js'> js/qrcode.min.js" type="text/javascript"> ...style="width:460px;"/> 生成的二维码可以通过手机任意扫描工具，查看其二维码信息 js/jquery-1.11.0.js"> js/layui/layui.all.js...，扫描后会跳转到博主的主页，用手机浏览器，或者微信QQ…等等都可以扫描扫描，关键代码就这一句 text: ‘https://blog.csdn.net/bug_producter/’ 有兴趣的小伙伴可以转到

6.4K5 0

Zxing二维码扫描和那些坑

Google的zxing来实现二维码扫描我相信很多人都用过。但是实现的过程遇到了很多的坑，也是因为这些坑在网上没有具体的解决方案，今天就把我的实现过程分享给大家。...zxing （2）如何修改取景框的样式（3）总结填坑 1.项目中集成zxing 在项目中集成zxing，网上有很多的教程也说的比较详细了，zxing中的内容很多，涵盖了很多的扫码功能（不仅仅局限于扫描二维码...在zxing中，扫描的界面即Activity已经帮我们写好了。在activity包下： ? 所以，我们启动扫描二维码的页面就有了以下代码： ? 很简单，就是启动该Activity。...填了第一个坑，我们来填第二个：针对于扫描时，二维码拉伸变形的问题，是因为zxing默认是针对横屏扫描的，所以，我们只需要改变x,y的计算，即横纵轴即可。...注：最近有朋友说近距离扫描二维码扫描不出，需要远一点才可以。

2.4K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭