arc-text

弧形文本，文本内容展示在 arc-text 组件盒模型内最大且居中的圆周上，超出的内容将会被截断。

示例：

<template>
  <div class="page">
    <arc-text class="title">弧形文本</arc-text>
  </div>
</template>

<style>
.page {
  width: 454px;
  height: 454px;
  justify-content: center;
  align-items: center;
}
.title {
  width: 360px;
  height: 360px;
  color: #ff3b30;
  font-size: 36px;
}
</style>

子组件

不支持

属性

支持通用属性

样式

支持通用样式

名称	类型	默认值	必填	描述
color	<color>	#000000	否	文本颜色
font-size	<length>	30px	否	文本尺寸
font-weight	normal | bold | lighter | border | <number>	normal	否	当前平台仅支持 normal 与 bold 两种效果
direction	clockwise | counterclockwise	clockwise	否	文本绘制方向，clockwise 顺时针方向，counterclockwise 逆时针方向。
start-angle	<deg>	0deg	否	文本绘制起始角度，以时钟 0 点为基线，取值范围为 0 到 360。

事件

支持通用事件