更新记录

0.0.2（2026-02-02） 下载此版本

通过自定义高亮.png 实现各种自定义模版（与其难为自己，不如为难ui对吧

0.0.1（2026-01-30） 下载此版本

init-project

平台兼容性

uni-app(4.87)

uni-app x(4.87)

自定义相机，身份证相机

简介

lhs-camera 是一个自定义相机组件，用于实现身份证相机的功能, 目前仅限于APP使用，后续会迭代小程序版本 已实现：

• 支持打开闪光灯（ios不支持）
• 支持打开相册
• 支持切换摄像头
• 通过自定义高亮.png 实现各种自定模版（与其难为自己，不如为难ui对吧😂）

待实现：

• 微信版本

参数

使用方法

在pages.json 中添加

    "easycom": {
        "autoscan": true,
        "custom": {
            "^lhs-camera-(.*)": "@/uni_modules/lhs-camera/components/lhs-camera-$1/lhs-camera-$1.nvue",
            "^lhs-camera": "@/uni_modules/lhs-camera/components/lhs-camera/lhs-camera.nvue",
        }
    }

template

<template>
  <view class="page">
    <lhs-camera-id ref="cameraRef" @onSnapshot="onSnapshot" />
  </view>
</template>

script

export default {
  data() {
     return {
      cameraRef: null,
      cameraInstance: null,
      opt: {}
    }
  },
  onReady() {
    // 注意：需要在onReady中 或 onLoad 延时
     nextTick(() => {
      this.cameraInstance = this.$refs.cameraRef.onReady(this, {
        hl: {
          width: '710rpx',
          height: '450rpx',
          top: '200rpx',
          left: '20rpx',
          radius: '12px',
          url: this.opt.png
        }
      })
    })
  },
  methods: {
    onSnapshot(tempImagePath) {
      console.log('onSnapshot:' + tempImagePath)
    }
  }
}