← 所有版型

环形排字 <TextArc />

左侧标题、导语和 0–3 条要点;右侧一句文字沿圆环排列(SVG 真实文字),转入定位,圆心是一个大字或数字,可衬一张装饰图。

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組
氛围 · 一句话绕成圆环
元件
TextArc · #text-arc
互動
圆环是一个 build 步骤,出现时转入定位,之后静止

適合

  • 有一句可以反复念的短语、口号
  • 编辑感的章节页或印象页

不適合

  • 环上的文字需要仔细阅读:放进正文
  • 没有能放在圆心的词或数字

內容上限

1title ≤ 2 行 × 8 字;lead ≤ 60 字;points 0–3 条,每条 ≤ 24 字
2ring 16–44 个单位(拉丁字符算 1,汉字算 2),用 “ · ” 重复补满一圈;拉丁大写效果最好,汉字沿弧线会侧转
3center ≤ 5 个字符,centerLabel ≤ 8 字

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题
leadstring导语
pointsstring[]要点
ring · 必填string环上的文字
center · 必填string圆心大字
centerLabelstring圆心说明
imagestring (import)圆内装饰图,decor- 或截图
altstring图片描述
creditstring图片说明,AI 生成图要写明
sourcestring事实出处

範例程式碼

<TextArc kicker="月面印象" title="壮丽的荒凉" ring="MAGNIFICENT DESOLATION · MAGNIFICENT DESOLATION · " center="静海" centerLabel="着陆地点" image={disc} alt="…" />