font表示组件的配置项类型为字体套件，由字体选择器、字体粗细选择器、字体⼤⼩步进器和纯⾊填充框组成。

配置项说明

字段名 含义 类型 是否必选 备注
name 显示名 string 是 无。
type 类型 string 是 无。
default 默认值 array 否 不填时值为空。
components 配置项模块 array 否 默认值为["fontFamily","fontWeight","fontSize","color"]。支持的模块包括"fontFamily"、"fontWeight"、"fontSize"和"color"。
enableHide 配置项对应元素是否能够在画布隐藏 boolean 否 默认为false。设置为true时，显示显隐图标按钮，并在当前配置项中增加show字段。

值说明

条件 数据类型 示例 默认值
不配置enableHide，或将enableHide配置为false object 
{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12
}
 
{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12
}
将enableHide配置为true object 
{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12,
 "show": true
}
 
{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12,
 "show": true
}

配置示例

  • 基础用法（不配置enableHide）font配置示例 
    "font": {
   "name": "文字套件",
   "type": "font"
}
  • 允许配置项对应元素隐藏（配置enableHide为true）font配置示例 
    "font": {
   "name": "文字套件",
   "type": "font",
   "enableHide": true
}
  • 配置项模块插拔（设置components）font配置示例 
    "font": {
    "name": "文字套件",
    "type": "font",
    "enableHide": true,
    "components": [
      "fontSize",
      "color"
    ]
}