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

图片不上传iOS + Android浏览器新架构Expo 开发构建

能做什么

文字、Logo，想怎么加都可以。

给本地图片添加文字或 Logo，分别调整样式和位置，再导出 JPEG、PNG 或 base64。所有处理都在设备或浏览器中完成。

01

文字水印

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

02

Logo 水印

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

03

放在准确位置

选择九宫格位置，或直接填写 X/Y 坐标。

04

按需要导出

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

npm install react-native-image-marker

文字 + Logo一次完成

示例说明

这张图加了什么

四项内容都可以单独调整。

1. 01
   标签字体、颜色与背景
2. 02
   标题字号、阴影与位置
3. 03
   时间位置与像素偏移
4. 04
   Logo大小与透明度

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

文字和 Logo角度 · 顺序 · 样式

大型 Logo大小 · 透明度 · 位置

指定位置坐标 · PNG 导出

按照要添加的内容选择方法

Marker.markText

添加一段或多段文字，并调整字体、颜色、背景、阴影、角度和位置。

Marker.markImage

把 Logo、二维码、图标或其他图片放到照片上。

Marker.mark

同时添加文字和图片，并决定哪一项显示在上面。

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

在线运行 Web SDK、安装此库，或直接查看如何选择 API。