水印设置

水印设置页:上传一张 200x200 的 PNG 作为水印,调整透明度后保存,保存后水印会应用到全景图的水印位置。

1. 页面信息

2. 功能说明

3. 业务说明

界面结构

控件 / 入口 类型 取值来源 限制 / 说明
选择图片 / 重新上传 按钮 本地 PNG 文件 只接受 PNG 格式
水印预览图 图片 当前水印 预览时按当前透明度显示;右上角有删除按钮
暂无水印图片 占位提示 未上传时 上传中显示「上传中...」
水印透明度 滑块 用户拖动 范围 0-20%,步长 1%,默认 5%;建议 5%-15%
0% / 5% / 10% / 15% / 20% 快捷刻度 固定档位 点击可直接设为对应透明度
尺寸 / 大小 只读文字 已上传文件 展示图片宽高与文件体积
保存设置 按钮 当前水印与透明度 保存成功后提示「保存成功」
示例水印 · 使用 按钮 内置示例图 直接应用示例图片,无需上传
示例水印 · 下载 按钮 内置示例图 下载示例 PNG 到本地后自行修改

文件校验规则

文件类型必须是 PNG,否则提示「请上传PNG格式的图片」;文件大小不能超过 100KB,超出提示「图片大小不能超过100KB」;图片宽高必须正好是 200x200 像素,否则提示「图片尺寸必须为200x200像素,当前尺寸为{宽}x{高}」。三个校验都通过后才开始上传。

保存与生效

上传成功提示「水印上传成功」,此时可以调整透明度并点「保存设置」;保存成功提示「保存成功」,保存失败提示「保存失败,请重试」或展示服务端返回的错误信息。未上传图片就保存会提示「请先上传水印图片」。删除水印需要二次确认「确定要删除当前水印吗?」,删除后提示「已删除」。

界面结构

4. 使用说明

  1. 从设置入口进入「水印设置」页
  2. 在「使用说明」里确认规格:200x200 的 PNG、不超过 100KB
  3. 点击「选择图片」(或「重新上传」)上传水印图片
  4. 上传成功后拖动滑块调整透明度,或直接点 5% / 10% / 15% 快捷刻度
  5. 点「保存设置」保存,页面提示「保存成功」
  6. 想换水印时点预览区右上角的删除按钮,或在示例水印区点「使用」直接应用

5. 规则与限制

6. 状态与异常

7. 相关文档

目录导航

同目录文档(1)

相关主题

8. 文档信息