更新记录

1.2.3(2025-03-11) 下载此版本

优化UI界面,调整iOS禁止使用闪光灯

1.2.2(2024-11-04) 下载此版本

修复缓存引起的拍照错误问题()

1.2.1(2024-11-04) 下载此版本

修复已知bug

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

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,查看水印相机插件的使用过程。

隐私、权限声明

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

相机权限

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

不采集任何数据

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

许可协议

MIT协议

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