73 lines
2.8 KiB
Markdown
73 lines
2.8 KiB
Markdown
# 二维码生成器更多定位图案 Spec
|
|
|
|
## Why
|
|
当前二维码生成器已有9种定位图案样式，用户希望添加更多独特的定位图案选项，以提升二维码的视觉多样性和美观度。
|
|
|
|
## What Changes
|
|
- 添加8种新的定位图案样式：心形、十字形、三角形、加号形、花形、盾牌形、八边形、环形点
|
|
- 每种定位图案保持三层结构（外框、内框、中心点），确保可扫描性
|
|
- 更新 qrRenderer.ts 添加新的绘制函数
|
|
- 更新 QRCodeGenerator.tsx 添加新的选项
|
|
|
|
## Impact
|
|
- Affected specs: qrcode-logo-and-styles, qrcode-fixes-and-improvements
|
|
- Affected code: `src/utils/qrRenderer.ts`, `src/pages/QRCodeGenerator/QRCodeGenerator.tsx`
|
|
|
|
## ADDED Requirements
|
|
|
|
### Requirement: 心形定位图案
|
|
系统 SHALL 提供心形（heart）定位图案样式，三层结构均为心形形状。
|
|
|
|
#### Scenario: 心形定位图案渲染
|
|
- **WHEN** 用户选择心形定位图案
|
|
- **THEN** 三个定位点应渲染为心形形状，外框大心形、内框镂空、中心小心形
|
|
|
|
### Requirement: 十字形定位图案
|
|
系统 SHALL 提供十字形（cross）定位图案样式，三层结构均为十字形状。
|
|
|
|
#### Scenario: 十字形定位图案渲染
|
|
- **WHEN** 用户选择十字形定位图案
|
|
- **THEN** 三个定位点应渲染为十字形状
|
|
|
|
### Requirement: 三角形定位图案
|
|
系统 SHALL 提供三角形（triangle）定位图案样式，三层结构均为三角形状。
|
|
|
|
#### Scenario: 三角形定位图案渲染
|
|
- **WHEN** 用户选择三角形定位图案
|
|
- **THEN** 三个定位点应渲染为等边三角形形状
|
|
|
|
### Requirement: 花形定位图案
|
|
系统 SHALL 提供花形（flower）定位图案样式，花瓣状外层。
|
|
|
|
#### Scenario: 花形定位图案渲染
|
|
- **WHEN** 用户选择花形定位图案
|
|
- **THEN** 三个定位点应渲染为花形/玫瑰形状
|
|
|
|
### Requirement: 盾牌形定位图案
|
|
系统 SHALL 提供盾牌形（shield）定位图案样式。
|
|
|
|
#### Scenario: 盾牌形定位图案渲染
|
|
- **WHEN** 用户选择盾牌形定位图案
|
|
- **THEN** 三个定位点应渲染为盾牌形状
|
|
|
|
### Requirement: 八边形定位图案
|
|
系统 SHALL 提供八边形（octagon）定位图案样式。
|
|
|
|
#### Scenario: 八边形定位图案渲染
|
|
- **WHEN** 用户选择八边形定位图案
|
|
- **THEN** 三个定位点应渲染为八边形形状
|
|
|
|
### Requirement: 环形点定位图案
|
|
系统 SHALL 提供环形点（ring-dot）定位图案样式，同心圆结构。
|
|
|
|
#### Scenario: 环形点定位图案渲染
|
|
- **WHEN** 用户选择环形点定位图案
|
|
- **THEN** 三个定位点应渲染为同心圆点形状
|
|
|
|
### Requirement: 加号形定位图案
|
|
系统 SHALL 提供加号形（plus）定位图案样式。
|
|
|
|
#### Scenario: 加号形定位图案渲染
|
|
- **WHEN** 用户选择加号形定位图案
|
|
- **THEN** 三个定位点应渲染为加号/十字形状
|