Skip to content

x-photokit-s 图片水印

给图片加多行文字水印,支持 5 个位置、压缩和安全边距。

兼容性

HarmonyIOSAndroidWEB小程序
支持支持支持支持支持

调用

ts
import { addWaterMark } from "@/uni_modules/x-photokit-s"

addWaterMark({
  path: imagePath,
  opts: {
    text: ["ID4656s5fsdf", "编号图片的位置xx", "广东省上海路699号江杨区域"],
    color: "rgba(32, 36, 255, 1.0)",
    fontSize: 12,
    position: "center",
    compress: 100,
    prefix: "tmx-",
    lineSpace: 3,
    safeOffset: 10
  },
  success: (res) => {
    uni.previewImage({ urls: [res.detail], current: res.detail })
  }
})

方法

名称需要说明
addWaterMarkpathopts,可选 success给图片加水印,成功 res.detail 为输出路径

参数

xPhotokitSOpts

字段说明默认
path图片路径必填
opts水印配置必填
success成功,res.detail 为输出路径-
fail失败-
complete结束-

XPHOTOKIT_ADDWATERMARK_OPTS

字段说明默认
text多行文字[]
fontSize字号,会按图片尺寸缩放12
color颜色,支持 rgb / rgba / Hex / HSL#ffffff
positiontopLeft / topRight / bottomLeft / bottomRight / centercenter
compress压缩 0~100,100 不压缩100
prefix输出文件名前缀时间戳
lineSpace行间距0
safeOffset距边安全距离0
webOutFileTypeWeb 输出:base64Blobbase64

平台差异

  1. Web 可用 webOutFileType 控制返回 base64 或 Blob。

版本

版权归https://xui.tmui.design你不得修改及二次开发,仅供TMUI4会员商用使用。不得转给非VIP会员使用,一经查实数倍赔偿,并追究法律责任。

更新日志

1.0.0(2025-10-15)

  • 针对鸿蒙的兼容,优化web和微信。
  • 针对不同图片大小,智能缩放字号大小让字号不过大也不过小。
最近更新