更新记录

1.0.3（2025-04-28） 下载此版本

提供清空画布方法，修复canvas层级覆盖了相机导致相机被遮挡问题

1.0.2（2025-04-28） 下载此版本

修复canvas层级问题导致的拍照后相机框被canvas覆盖问题

1.0.1（2025-04-10） 下载此版本

修改插件标题

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ - - × × - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ - √ √ - -

y-custom-camera

组件介绍

本插件是一个小程序可以自定义相机的组件，可以实现身份证取景位置对比，图片水印相机等功能。目前只测试微信小程序，将文件后缀改为nvue应该也能支持app

组件文档

属性名 类型 必传 默认值 说明
cameraConfig Object false {width: 700, height: 500} 相机取景框宽高（最后拍照呈现的照片宽高），单位rpx。
watermarkImage Object true {url: '',width: 50,height: 50,top: 0,left: 0} 水印图片配置，完整介绍见下方“watermarkImage属性说明”
printWatermark Boolean false true 拍照结果是否打印水印图片
autoPreview Boolean false true 拍照后是否打开预览
flash auto、on、off,、torch false off 闪光灯控制，auto自动、on打开、off关闭、torch常亮
outputDimension 360P、540P、720P、1080P、max false 1080p 相机拍照，录制的分辨率。有效值为 360P、540P、720P、1080P、max。

组件方法

方法名 说明
takePhoto 拍照事件，使用ref调用子组件方法，如customCamera.value.takePhoto()
clear 清空画布事件，使用ref调用子组件方法，如customCamera.value.clear()

隐私、权限声明

1. 本插件需要申请的系统权限列表：

相机权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...