水印设置
水印设置页:上传一张 200x200 的 PNG 作为水印,调整透明度后保存,保存后水印会应用到全景图的水印位置。
1. 页面信息
- 网页地址:https://9kvr.cn/tour/setting/watermark
- 所属模块:全景作品与工具
- 页面用途:从设置入口进入本页。页面顶部是「使用说明」卡片,列清水印的规格要求;下面是「水印设置」卡片,左侧是水印预览区(已上传时显示图片和删除按钮,未上传时显示「暂无水印图片」),右侧是透明度设置;再往下是「示例水印」区,列出两张示例图,每张下面有「使用」和「下载」两个按钮。
- 适用用户:需要为全景作品添加自定义水印的作者
- 访问条件:需登录后访问
2. 功能说明
- 「使用说明」卡片列出五条要求:200x200 像素 PNG 图片、建议透明背景、建议下载示例水印修改后上传、图片大小不超过 100KB、上传后自动应用到全景图的水印位置
- 「水印设置」卡片:预览区 + 透明度滑块 + 尺寸/大小信息 + 上传与保存按钮
- 上传按钮文案随状态变化:未上传时为「选择图片」,已上传时为「重新上传」
- 上传成功后出现「保存设置」按钮
- 透明度滑块范围 0-20%,步长 1%,默认 5%,并有 0 / 5 / 10 / 15 / 20 五个快捷刻度可点击
- 透明度提示文案:「水印透明度(建议5%-15%之间)」
- 已上传时显示图片的尺寸与大小信息
- 预览区右上角有删除按钮,可移除当前水印
- 「示例水印」区提供两张示例图,可直接「使用」或「下载」后自行修改
3. 业务说明
界面结构
| 控件 / 入口 | 类型 | 取值来源 | 限制 / 说明 |
|---|---|---|---|
| 选择图片 / 重新上传 | 按钮 | 本地 PNG 文件 | 只接受 PNG 格式 |
| 水印预览图 | 图片 | 当前水印 | 预览时按当前透明度显示;右上角有删除按钮 |
| 暂无水印图片 | 占位提示 | 未上传时 | 上传中显示「上传中...」 |
| 水印透明度 | 滑块 | 用户拖动 | 范围 0-20%,步长 1%,默认 5%;建议 5%-15% |
| 0% / 5% / 10% / 15% / 20% | 快捷刻度 | 固定档位 | 点击可直接设为对应透明度 |
| 尺寸 / 大小 | 只读文字 | 已上传文件 | 展示图片宽高与文件体积 |
| 保存设置 | 按钮 | 当前水印与透明度 | 保存成功后提示「保存成功」 |
| 示例水印 · 使用 | 按钮 | 内置示例图 | 直接应用示例图片,无需上传 |
| 示例水印 · 下载 | 按钮 | 内置示例图 | 下载示例 PNG 到本地后自行修改 |
文件校验规则
文件类型必须是 PNG,否则提示「请上传PNG格式的图片」;文件大小不能超过 100KB,超出提示「图片大小不能超过100KB」;图片宽高必须正好是 200x200 像素,否则提示「图片尺寸必须为200x200像素,当前尺寸为{宽}x{高}」。三个校验都通过后才开始上传。
保存与生效
上传成功提示「水印上传成功」,此时可以调整透明度并点「保存设置」;保存成功提示「保存成功」,保存失败提示「保存失败,请重试」或展示服务端返回的错误信息。未上传图片就保存会提示「请先上传水印图片」。删除水印需要二次确认「确定要删除当前水印吗?」,删除后提示「已删除」。
界面结构
- 界面分组:水印设置、示例水印
4. 使用说明
- 从设置入口进入「水印设置」页
- 在「使用说明」里确认规格:200x200 的 PNG、不超过 100KB
- 点击「选择图片」(或「重新上传」)上传水印图片
- 上传成功后拖动滑块调整透明度,或直接点 5% / 10% / 15% 快捷刻度
- 点「保存设置」保存,页面提示「保存成功」
- 想换水印时点预览区右上角的删除按钮,或在示例水印区点「使用」直接应用
5. 规则与限制
- 只接受 PNG 格式图片
- 图片大小不能超过 100KB
- 图片尺寸必须为 200x200 像素
- 透明度范围 0-20%,步长 1%,默认 5%,建议 5%-15% 之间
- 建议使用透明背景的 PNG,水印效果更佳
- 保存前必须先上传水印图片,否则提示「请先上传水印图片」
- 删除水印需要二次确认
6. 状态与异常
- 未上传:预览区显示「暂无水印图片」,不显示透明度设置
- 上传中:预览区显示「上传中...」,上传按钮进入不可点击状态
- 已上传:显示水印预览、透明度设置、尺寸与大小信息,并出现「保存设置」
- 删除水印:弹出「确定要删除当前水印吗?」确认框
- 格式不符:提示「请上传PNG格式的图片」
- 体积超限:提示「图片大小不能超过100KB」
- 尺寸不符:提示「图片尺寸必须为200x200像素,当前尺寸为{宽}x{高}」
- 上传失败:提示「上传失败,请重试」
- 保存失败:提示「保存失败,请重试」
7. 相关文档
目录导航
- 所属目录索引:/tour/setting
- 上一篇:全景配置
同目录文档(1)
相关主题
8. 文档信息
- 事实来源:芊云全景官网页面核验
- 文档构建时间:2026-10-21 00:05:20
- 数据获取/快照时间:不适用(静态产品知识)
- 可信状态:已核验