14 lines
965 B
Markdown
14 lines
965 B
Markdown
|
---
|
|||
|
|
id: interaction-guide
|
|||
|
|
title: 交互指南
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# 🎮 交互指南
|
|||
|
|
|
|||
|
|
1. 🔁 **初始轮播**：区域就绪后，每个区域的虚线轮廓按 `initRegionFlashMs`（默认 1s）依次闪烁；首次用户触摸时停止。
|
|||
|
|
2. 🔍 **预览（未选择画笔）**：长按区域可显示触摸点下连通分量的虚线轮廓；点击黑色区域不显示轮廓。
|
|||
|
|
3. 🎨 **上色（已选择画笔）**：点击底部颜色条中的颜色或调用 `ref.setPaintColor`（或通过 `initialPaintColor` 预设），然后点击区域上色；再次点击同一区域会覆盖颜色。
|
|||
|
|
4. 💬 **无画笔点击**：不执行上色；`onPaintCallback` 触发 `kind: 'brush_required'`，携带提示信息和目标区域信息，供宿主显示 Toast/弹窗提示选择颜色。
|
|||
|
|
5. ↩️ **撤销**：左下按钮或 `ref.reset()`；按上色历史逐步后退。
|
|||
|
|
6. 👁️ **与原图对比**：右下按钮或 `ref.swap()`；隐藏上色层以显示原图。
|