更新记录

1.0.3（2024-03-28）

修复加水印后图片变大的问题。

1.0.2（2024-03-13）

解决小程序端使用动态canvasid导致报错的bug。

1.0.1（2024-03-11）

1.组件内部canvas-id随机生成，避免因为canvasId重复而出现的bug。 2.shortLength为0时自动计算fontSize文字的大小。

平台兼容性

关于兼容性

此插件适用于APP项目（Android/Ios）、H5项目，小程序

插件说明

一个简单的添加水印的插件，支持设置水印背景，文字颜色等，使用Promise返回结果，对于需要批量处理的场景更加友好，不支持文字换行。

addWatermark(url,textlist,options) 方法说明

options 参数说明

返回参数说明

代码示例

<template>
    <view>
        <easy-watermark ref="waterMark" />
        <button @click="chooseImage">选择图片</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                textList: [
                    '户主姓名: 朱建文',
                    '拍摄时间: 2023年12月18日 10时28分27秒',
                    '地点: 武汉市洪山区欢乐大道xxxx号',
                    '经度: 114.362282、纬度: 30.578512',
                    '施工单位: 武汉市光谷xxx有限公司',
                    '营销人员: 管理员',
                ]
            }
        },
        methods: {
            chooseImage() {
                const waterMark = this.$refs.waterMark

                uni.chooseImage({
                    count: 10,
                    success: async e => {
                        uni.showLoading({
                            title: '图片处理中'
                        })
                        const url = e.tempFilePaths[0]
                        const path = await waterMark.addWatermark(url, this.textList)
                        uni.hideLoading()
                        uni.previewImage({
                            urls: [path]
                        })
                    }
                })
            },
        }
    }
</script>