🪪
身份证识别
精准识别身份证正反面，自动提取姓名、身份证号、地址、有效期等关键信息
ID-Scanner-Lib纯前端身份证与二维码识别
高性能、模块化的 TypeScript 身份验证解决方案
Skip to content
::: primary 173KB 轻量级包体积 ::: ::: success 100% TypeScript 类型覆盖 :::
INFO
MIT 开源可商用
核心能力
🏢 企业级身份验证
typescript
import { IDScanner } from 'id-scanner-lib';
// 一行代码初始化
const scanner = await IDScanner.create();
scanner.useAllModules(); // 使用全部模块
// 身份证识别
const idCard = scanner.getIDCardModule();
const result = await idCard.recognizeFromImage(imageElement);
console.log(result.name); // 姓名
console.log(result.idNumber); // 身份证号
console.log(result.address); // 地址📱 跨平台兼容
| 平台 | 最低版本 |
|---|---|
| Chrome | 80+ |
| Firefox | 75+ |
| Safari | 14+ |
| Edge | 80+ |
| iOS Safari | 14+ |
| Android Chrome | 80+ |
为什么选择我们？
| 特性 | ID-Scanner-Lib | 其他方案 |
|---|---|---|
| 部署方式 | 仅前端，零后端 | 需要服务器 |
| 数据隐私 | 100% 本地处理 | 数据上传云端 |
| 离线支持 | ✅ 完全支持 | ❌ 依赖网络 |
| 包体积 | ~173KB | 500KB+ |
| 许可证 | MIT 自由商用 | 商业授权 |
快速接入
1. 安装
bash
npm install id-scanner-lib
# 或
pnpm add id-scanner-lib2. 初始化
typescript
import { IDScanner } from 'id-scanner-lib';
const scanner = await IDScanner.create({
// 配置模块（按需加载）
modules: {
idCard: true,
qrCode: true,
face: true
}
});3. 使用
typescript
// 身份证识别
const idCardModule = scanner.getIDCardModule();
const result = await idCardModule.recognize(imageData);
// 二维码扫描
const qrModule = scanner.getQRCodeModule();
const { data } = await qrModule.scan(videoElement);在线演示
card
### 🪪 身份证识别
支持正反面、多场景
[立即体验](/demos/idcard)card
### 📷 二维码扫描
支持多种格式
[立即体验](/demos/qrcode)card
### 👤 人脸识别
活体检测保障安全
[立即体验](/demos/face)