更新记录

1.0.1(2025-03-06) 下载此版本

修改成免费

1.0(2025-02-27) 下载此版本

新版发布 支持Android和IOS 斜体水印 斜体自定义水印 底部点 底部图标


平台兼容性

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

使用方法

引用插件

复制代码import {
        addWaterForPath,
        addWaterForBase64
    } from '../../uni_modules/whb-picturewater'

方法说明

复制代码let param = {
    'photos': photos, //图片集合
    'RotateCustomText': 'uts图片加水印插件', //
    'rotateWater': true, //斜体水印
    'outputPath': true, //返回图片路径
    'compressSize': 1, //压缩图片
    'configStyle': {
        'textColor': "#000000",
        'fontSize': 15
    }
};
//传图片路径
addWaterForPath(param, (ret) => {
    this.pictures.push(ret.path)
});
//传图片base64
addWaterForBase64(param, (ret) => {
    this.pictures.push(ret.path)
});

参数说明

复制代码export type WaterOptions = {
    photos ?: UTSJSONObject[],//图片集合
    rotateWater ?: boolean,//斜体水印
    outputPath ?: boolean,//返回图片路径
    compressSize ?: number,//压缩图片
    RotateCustomText ?: string,
    waterType ?: string,//默认是时间旋转,添加此参数水印加在左下角leftBottom、leftTop、rightTop、rightBottom,默认leftBottom
    configStyle ?: any//配置信息
}

photos参数说明

参数 值类型 是否必传 说明
path String 图片路径(addWaterForBase64传图片转换的base64)
contents Arr([{'text':"",'icon':''}]) 水印信息
参数 值类型 说明
text String 水印文案
icon String icon(decorate == 'icon'有效)

configStyle 说明

参数 值类型 说明
textColor String 字体颜色HEX值(默认"#ffffff")
fontSize int 字体大小
decorate String point:点 icon:图标 none:纯文字。默认point
topY int 水印上方内边距(waterType== leftTop waterType== rightTop有效)
bottomY int 水印下方内边距(waterType== rightBottom waterType== leftBottom有效)

隐私、权限声明

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

相机、相册、文件读写

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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