在线体验

试着给图片加上水印。

选择示例或自己的图片，调整文字和 Logo，然后保存结果。所有处理只在当前浏览器中完成。

图片不上传

1. 1选择内容
2. 2调整样式
3. 3保存或复制代码

实时预览

效果

自动更新预览关闭后可一次调整多项，再点击更新预览。恢复示例

正在渲染…

可以开始尺寸 —耗时 —

图片地址生成后会显示图片地址

复制图片地址⧉

更新预览保存图片

想添加什么？

只加文字只加 Logo文字 + Logo

底图

选择本地底图使用内置底图

本地图片不会离开你的设备。刷新页面后，选择的文件会被清除。

文字设置

文字内容

颜色#FFFFFF字号

56 px

粗体

位置与旋转

旋转

−3°

位置

左下⌄

X 偏移Y 偏移

Logo 设置

选择本地 Logo使用内置 Logo

透明度

100%

缩放

72%

位置与旋转

旋转

0°

位置

右上⌄

X 偏移Y 偏移

保存设置

格式

PNG⌄

质量

92

JPEG 的质量差异最明显；PNG 通常忽略此值。

把这个效果用到项目里

下面的代码已经包含当前设置，可直接复制。

复制代码

WebReact Native

Web 与原生输出有什么不同？

保存结果

Web 返回可直接预览和保存的图片地址；iOS 和 Android 返回临时文件路径。

外观差异

浏览器和手机使用的字体绘制方式不同，文字大小和边缘可能有轻微差别。

远程图片

使用其他网站的图片时，对方服务器需要允许跨域访问（CORS）。