--- title: 'arc-text' description: '弧形文本，文本内容展示在 arc-text 组件盒模型内最大且居中的圆周上，超出的内容将会被截断。' lastUpdated: 2023-10-20T02:02:06.000Z --- 弧形文本，文本内容展示在 arc-text 组件盒模型内最大且居中的圆周上，超出的内容将会被截断。 如下图示例 弧 形 文 本 .arc-text-eg { width: 150px; height: 100px; border: 1px solid #000; display: flex; justify-content: center; } .arc-text-eg-in { width: 98px; height: 98px; border: 1px solid #4761f6; border-radius: 98px; color: red; } .arc-text-eg-in-text { color: red; } ### 子组件 不支持 ### 属性 支持[通用属性](/component/common/common-attributes) ### 样式 支持[通用样式](/component/common/common-styles) | 名称 | 类型 | 默认值 | 必填 | 描述 | | --- | --- | --- | --- | --- | | color | `` | #000000 | 否 | 文本颜色 | | font-size | `` | 30px | 否 | 文本尺寸 | | font-weight | normal | bold | lighter | border | `` | normal | 否 | 当前平台仅支持 normal 与 bold 两种效果 | | direction | clockwise | counterclockwise | clockwise | 否 | 文本绘制方向，clockwise 顺时针方向，counterclockwise 逆时针方向。 | | start-angle | `` | 0deg | 否 | 文本绘制起始角度，以时钟 0 点为基线，取值范围为 0 到 360。 | ### 事件 支持[通用事件](/component/common/common-events)