# 元素样式设置

来源快照：`result_data_new_260518.json`

- 来源 ID：`1180704651809939507`
- 模块：绘图
- 目录：绘图设计页面
- space ID：`1175397201831559192`
- 原文链接：未提供
- 产品基线：未提供

## 正文

## 一、功能概述

选中画布区域的元素后，可对组件的属性及样式进行设置：支持设置组件的图形样式、文本样式。

## 二、功能使用说明

### 2.1  图形样式

选中元素后，右侧属性栏选中第一个菜单“图形样式”，可配置基本属性和样式，包含基础、大小、背景、边框、其他（如图1）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706352635379714&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图1

**2.1.1   基础**

默认显示图形类型，可自定义图形名称（如图2）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706348382355459&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图2

**2.1.2   大小**

元素有默认的宽度和高度，支持重新设置；【固定宽高比】按钮默认关闭，可开启（如图3）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706348382355456&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图3

**2.1.3   背景**

默认背景颜色为白色，支持设置渐变色（如图4）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706361115230215&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图4

**2.1.4   边框**

根据选中的元素显示默认配置，可自定义圆角、样式、线宽、颜色（如图5）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706352606887938&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图5

**2.1.5   其他**

关于元素的其他样式配置，包括不透明度、旋转角度、连线间距、阴影和动态显示，默认均无配置（如图6）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706356946624517&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图6

### 2.2  文本设置

选中元素后，右侧属性栏选中第二个菜单“文本设置”，可配置元素内文本的基本属性和样式，包含排版、背景、边框、其他（如图7）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706348305825795&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图7

**2.2.1   排版**

显示文字的默认配置，可自定义编辑，包括字体、字重、大小、行高、颜色、水平对齐、竖直对齐、左右边距和上下边距（如图8）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706361241591808&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图8

**2.2.2   背景**

默认无背景颜色，支持设置（如图9）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706352635379719&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图9

**2.2.3   边框**

显示文本的默认配置，可自定义圆角、边框、样式、线宽、颜色（如图10）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706352635379723&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图10

**2.2.4   其他**

关于元素内文本的其他样式配置，可设置不透明度（如图11）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706356720631809&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图11

## 三、使用注意点

如有，包括针对可能与上下游功能的联动、针对性能安全方面等

## 四、上下游关联功能点

如有，可以挂标题及其对应的简要说明、链接地址
