arc-text

arc-text

弧形文本，文本内容展示在 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; }

子组件

不支持

属性

支持通用属性

样式

支持通用样式

名称	类型	默认值	必填	描述
color	<color>	#000000	否	文本颜色
font-size	<length>	30px	否	文本尺寸
font-weight	normal	bold	lighter	border
direction	clockwise	counterclockwise	clockwise	否
start-angle	<deg>	0deg	否	文本绘制起始角度，以时钟 0 点为基线，取值范围为 0 到 360。

事件

支持通用事件