跳转到内容
菜单
自动
简体中文
v1 处于长期维护状态,将继续接收兼容性、安全和严重错误修复。查看 v2 当前版本

给图片加水印,就这么简单。

精准放置一个水印,或把它平铺整张图,再从 iOS、Android 或浏览器直接导出;图片始终留在本地。
图片不上传iOS + Android浏览器新架构Expo 开发构建

能做什么

加一个水印,或铺满整张图。

给本地图片添加文字或 Logo,可单独定位,也可旋转、错行并平铺整张图。完成后导出 JPEG、PNG 或 base64。

01

清晰的文字

设置字体、颜色、描边、背景、阴影和角度。

02

Logo 水印

调整大小、角度、透明度并裁掉透明边缘。

03

单个或平铺

精准定位一个水印,或设置间距与错行铺满图片。

04

自然融合

用正片叠底、滤色或叠加等模式融入底图。

05

个性化批量

用一套 Recipe 按文件注入文字并按条件显示图层。

06

按需要导出

保存为 JPEG、PNG 或 base64,并控制图片质量。

npm install react-native-image-marker
海岸风景上叠加了样式标签、标题、时间戳和图片 Logo 水印
文字 + Logo一次完成

示例说明

这张图加了什么

四项内容都可以单独调整。
  1. 01
    标签字体、颜色与背景
  2. 02
    标题字号、阴影与位置
  3. 03
    时间位置与像素偏移
  4. 04
    Logo大小与透明度

水印会按照列表顺序依次叠加。

夜间街道上叠加了多层文字、旋转说明和图片 Logo 水印
文字和 Logo角度 · 顺序 · 样式
混凝土建筑上叠加了大型半透明钴蓝色图片水印
大型 Logo大小 · 透明度 · 位置
山间湖泊上错行平铺了带深色描边的 CONFIDENTIAL 文字,并保留右上角 Logo
平铺保护描边 · 旋转 · 错行
Marker.markText

添加一个或多个文字图层,并调整字体、描边、背景、角度、位置或平铺方式。

Marker.markImage

放置一个 Logo、二维码或图标,也可以通过错行排列铺满整张照片。

Marker.mark

同时添加文字和图片,决定图层顺序,并让水印自然融入照片。

Marker.createRecipe

用一套配方批量处理图片,并为每张图注入文字、控制图层、查看进度或取消任务。

embedInvisible / detectInvisible

把经过认证的短追踪 ID 写入像素,在素材分发后再恢复并验证。

所有处理都在设备或浏览器中完成,不需要账号,也不会上传图片。添加多个水印时,列表中靠后的内容会显示在上面。

直接使用在线图片工具在线运行 Web SDK安装此库,或阅读隐形追踪水印指南