更新记录
1.2.3(2025-03-11) 下载此版本
优化UI界面,调整iOS禁止使用闪光灯
1.2.2(2024-11-04) 下载此版本
修复缓存引起的拍照错误问题()
1.2.1(2024-11-04) 下载此版本
修复已知bug
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
qt-waterMark
是一个基于uni-app live-pusher的纯前端水印相机插件,目前相机主界面支持临时照片预览,闪光灯开关(闪光灯方法在iOS系统存在问题,目前暂时屏蔽iOS使用),美颜,美白开关,水印开关,自定义水印内容等操作。
使用
在使用过程有问题可以去uniapp水印相机评论区@作者进行询问。 如果有比较有趣的小功能,也欢迎评论,作者会根据时间,尽量都增加。
直接下载插件到你的项目中,在需要的页面直接使用即可
// 使用示例
<template>
<view class="content">
<qt-waterMark></qt-waterMark>
</view>
</template>
重要 1.2.0版本为了实现拍照后的图片阅览功能,通过uni.getStorage将图片的临时地址进行了缓存,因此你可以通过读取缓存key:"imageUrls",来得到图片的地址(注意:得到的是一个数组)。 这里还要提醒您,因为缓存的时uniapp生成的临时地址,因此需要尽快将其上传到您的图片服务器,同时清空缓存文件,以免地址失效。
// 获取到水印图片地址
uni.getStorageSync('imageUrls')
// 地址示例
[
{
"url": "_doc/uniapp_temp_1741671498036/canvas/17416715192310.png",
"listItem": [
{
"key": "时间:",
"value": "2025-03-11 13:38:35",
"status": true
}
],
"markShow": true,
"isMark": true,
"isSelect": true
},
{
"url": "_doc/uniapp_temp_1741662113064/canvas/17416626690831.png",
"listItem": [
{
"key": "时间:",
"value": "2025-03-11 11:11:04",
"status": true
}
],
"markShow": true,
"isMark": true,
"isSelect": true
},
{
"url": "_doc/uniapp_temp_1741662113064/canvas/17416626431320.png",
"listItem": [
{
"key": "哈哈哈",
"value": "哈哈哈",
"status": true
},
{
"key": "时间:",
"value": "2025-03-11 11:10:38",
"status": true
}
],
"markShow": true,
"isMark": true,
"isSelect": true
}
]
你也可以直接下载示例demo,查看水印相机插件的使用过程。