环形排字 <TextArc />
左侧标题、导语和 0–3 条要点;右侧一句文字沿圆环排列(SVG 真实文字),转入定位,圆心是一个大字或数字,可衬一张装饰图。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 氛围 · 一句话绕成圆环
- 元件
TextArc·#text-arc- 互動
- 圆环是一个 build 步骤,出现时转入定位,之后静止
適合
- 有一句可以反复念的短语、口号
- 编辑感的章节页或印象页
不適合
- 环上的文字需要仔细阅读:放进正文
- 没有能放在圆心的词或数字
內容上限
| 1 | title ≤ 2 行 × 8 字;lead ≤ 60 字;points 0–3 条,每条 ≤ 24 字 |
| 2 | ring 16–44 个单位(拉丁字符算 1,汉字算 2),用 “ · ” 重复补满一圈;拉丁大写效果最好,汉字沿弧线会侧转 |
| 3 | center ≤ 5 个字符,centerLabel ≤ 8 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
points | string[] | 要点 |
ring · 必填 | string | 环上的文字 |
center · 必填 | string | 圆心大字 |
centerLabel | string | 圆心说明 |
image | string (import) | 圆内装饰图,decor- 或截图 |
alt | string | 图片描述 |
credit | string | 图片说明,AI 生成图要写明 |
source | string | 事实出处 |
範例程式碼
<TextArc kicker="月面印象" title="壮丽的荒凉" ring="MAGNIFICENT DESOLATION · MAGNIFICENT DESOLATION · " center="静海" centerLabel="着陆地点" image={disc} alt="…" />