图片水印添加
为图片添加文字或图片水印，支持平铺水印，所有处理在浏览器本地完成
点击或拖拽上传图片
预览
上传图片后在此预览效果
关于图片水印添加
- 支持三种水印模式：文字水印（九宫格定位）、平铺水印（全图重复，防截图）、图片水印（Logo叠加）
- 可自定义水印文字、字体大小、颜色、透明度、旋转角度，适用于版权保护、品牌标识等场景
- 所有处理在浏览器本地完成，图片不上传服务器，保护隐私
操作说明
- 点击上传区域或拖拽图片文件到上传区域，加载原图
- 选择水印类型，配置水印参数，点击「添加水印」生成预览
- 预览满意后点击「下载」保存图片（PNG 或 JPEG 格式）
- 点击「重置」清除水印，恢复原图状态
注意事项
- 大图片（超过4000×4000像素）处理时间较长，请耐心等待
- JPEG 格式不支持透明度，透明背景会转为白色；PNG 格式保留透明度
- 水印透明度设置为100%时完全不透明，5%时几乎不可见
- 所有处理均在浏览器本地完成，不会上传任何数据
图片水印知识详解
水印类型对比
| 类型 | 特点 | 适用场景 |
|---|---|---|
| 文字水印（角落） | 不遮挡主体，美观 | 个人博客、社交媒体 |
| 平铺水印 | 难以裁剪去除，防盗图效果强 | 商业图片版权保护 |
| 图片水印（Logo） | 品牌识别度高 | 企业品牌推广 |
| 隐形水印 | 肉眼不可见，需工具检测 | 高价值图片溯源（本工具不支持） |
Canvas API 水印原理
// 在 Canvas 上绘制半透明文字水印
const ctx = canvas.getContext('2d');
// 设置透明度
ctx.globalAlpha = 0.5;
// 旋转画布（以水印中心为轴）
ctx.save();
ctx.translate(x, y);
ctx.rotate(-30 * Math.PI / 180);
// 绘制文字
ctx.font = '32px Arial';
ctx.fillStyle = '#ffffff';
ctx.fillText('© 版权所有', 0, 0);
ctx.restore();
ctx.globalAlpha = 1.0; // 恢复透明度