# 配置区
说明
配置区包含丰富的功能配置，主要功能栏有画布栏、数据源栏、节点树栏、样式栏、动画栏、数据栏、配置栏
点击空白区域时，显示的内容有（画布栏、数据源栏、节点树栏）
选中元素时，显示的内容有（样式栏、动画栏、数据栏、配置栏）
# 画布栏
说明
画布栏主要对图纸进行属性的配置，画布支持的配置属性有：
- 名称
- 标签
- 描述
- 发布地址
- 图纸大小
- 显示模式
- 进入动画
- 动画速度
- 透明度
- 圆角
- 背景填充
- 填充模式
- 渐新变光圈
- 边框
- 边框宽度
- 边框颜色
- 虚线边框
- 线型
- 断点形状
- 边角形状
- 初始化脚本
- iframe消息
# 画布大小
画布支持常见的终端大小尺寸有：
- 桌面 16:9（ 1920 X 1080 ）
- 桌面 4:3（ 1280 X 960 ）
- 模型（ 200 X 200 ）
- 手机（ 414 X 736 ）
- 手机横向（ 736 X 414 ）
- 平板（ 768 X 1024 ）
- 平板横向（ 1024 X 768 ）
同时支持用户自定义大小。
# 显示模式
画布支持在不同尺寸下的显示缩放逻辑
- 拉伸全屏
- 全屏自适应
- 滚动自适应
- 纵向滚动
- 横向滚动
- 固定大小
# 进入动画
页面打开时，支持的动画方式有以下几种
- 无动画
- 弹跳
- 闪现
- 脉冲
- 橡皮圈
- 摇动
- 旋转
- 时间
- 摆动
- 凝聚
- 放大弹跳
- 从上面跳跳来
- 从左边出现
- 从右边出现
- 从下面上来
- 整体渐入
- 从上向下渐入
- 从上向下直接滑动下来
- 从左向右渐入
- 从左向右直接滑动
- 从右向左渐入
- 从右向左直接滑动
- 从下向上渐入
- 从下向上直接滑动
- 水平翻转呈现
- 垂直翻转呈现
- 轻轻的呈现
- 旋转呈现
- 定点转动
- 旋转渐入
- 放大渐入
- 从上向下出现同时放大
- 从右向左出现同时放大
- 从左向右出现同时放大
- 从下向上出现同时放大
- 从上向下滑动
- 从右向左滑动
- 从左向右滑动
- 从下向上滑动
# 动画速度
页面打开时，同时支持对动画的速度进行设定
- 慢速(2秒)
- 极慢(3秒)
- 快速(800毫秒)
- 极快(500毫秒)
# 填充方式
画布背景填充方式支持
- 纯色填充
- 图片填充
- 线性渐变填充
- 径向渐变填充
# 图纸初始化脚本
语法: Javascript
执行时机: 图纸创建之前
# 图纸Iframe消息脚本
Iframe父页面消息回调脚本
语法: Javascript
执行时机: 父页面发送数据到子页面时
# 数据源栏
说明
数据源栏是画布数据接入模块，主要有
- 数据源
- 导入我的数据源
- 导入公共数据源
- 测点列表
- 数据源列表
# 数据源功能
点击数据源按钮，弹出数据源管理面板
数据源支持二级管理，
# 数据源1级菜单
1级菜单下，可以添加工程、编辑、删除、添加数据源、导入数据源等功能
- 添加数据源项目
项目名称、项目介绍
- 添加数据源
数据源名称、数据源介绍、数据源地址、数据源识别码、数据更新时脚本、数据源管理地址
# 数据源2级菜单
数据源支持Json类型数据，可支持解析任意深度的Json格式数据，官方提供标准的数据源接入程序， 图纸支持解析的数据类型有
- 数字类型
- 字符类型
- 图片类型
- 数组类型
- 对象类型
# 原始测点管理
原始测点管理可对服务器提供的数据源进行筛选和添加注册
# 添加原始点
当数据源测未接收到时，可通过手动方式进行原始测点添加
# 中间测点
数据源支持用户自定义中间点，中间点可进行脚本的逻辑运算
# 导入我的数据源
在画布上可通过到入我的数据源，直接应用配置好的数据源
# 导入公共数据源
公共数据源为官方或管理员配置好的数据源，可通过导入直接应用到自己的图纸中
# 测点列表
点击测点列表，可查看图纸中所有数据源的全部测点信息
# 数据源列表
数据源列表展示当前图纸中添加的数据源，具体功能项有
- 项目名称
- 数据源名称
- 唯一识别码
- ur地址
- 更新时脚本
- 复制
- 删除
- 编辑
- 实时数据查看
# 数据源复制
点击复制按钮后，数据源列表上方将弹出粘贴数据源按钮，可在不同的图纸中进行数据源的粘贴使用
# 数据源编辑
点击编辑按钮后，数据源列表的配置项将变为可编辑状态，此时可以进行配置信息修改
# 实时数据查看
可以查看当前数据源测点的实时接收值
# 节点树栏
说明
节点树功能可对画布中所有的元素执行删除、锁定/解锁、隐藏/显示、选择等功能
# 样式栏
TIP
当选中元素时，显示样式栏，不同的元素对应有不同的样式设置项，通用的样式有
- id
- 名称
- 锁定位置
- 隐藏/显示
- 坐标
- 大小
- 旋转中心
- 旋转角度
- 透明度
- 圆角
- 填充>
- 填充模式
- 背景颜色
- 边框>
- 边框宽度
- 边框颜色
- 虚线边框
- 线型
- 端点形状
- 拐角形状
- 边框缩放
- 边框触发
- 触发宽度
- 填充后描边
- 阴影>
- 宽度颜色
- 阴影偏移量
- 阴影透明度
- 边框阴影
# 填充模式
填充模式支持
- 纯色填充
- 图片填充
- 线性渐变填充
- 径向渐变填充
# 图片填充
通过鼠标右键点击元素中的图片，进行右键设置图形背景
图片填充模式下，支持
- 拉伸
- 填充
- 适应
- 居中
- 原始大小
- 平铺
- 横向平铺
- 纵向平铺
# 线性渐变填充
线性渐变填充支持自定义的渐变光圈配置
# 径向渐变填充
径向渐变填充支持自定义的渐变光圈配置
# 边框线型
线型支持如下：
- 实线
- 点虚线
- 横虚线
- 长横虚线
- 点横虚线
- 长点横虚线
# 端点形状
- 对接 (默认)
- 圆形
- 方形
# 拐角形状
- 尖角 (默认)
- 圆角
- 斜角
# 文本配置
- 文本配置支持
- 文本内容
- 字体
- 文字大小
- 文字样式
- 文字对齐
- 行间距
- 文本截断
- 溢出省略号
# 字体支持
- 默认
- 宋体
- 黑体
- 微软雅黑
- 楷体
- 仿宋
- 幼圆
- 方正姚体
- 华文彩云
- 华文琥珀
- 华文隶书
- Allura
- BlackAndWhitePicture
- Bungee
- BungeeOutline
- DancingScript-Medium
- DigitalNumbers
- Facon
- FasterOne
- FrederickatheGreat
- Frizon
- Italiana
- JiyeSpiral
- Limelight
- McDonaldsFries
- MoonRocks
- MountainsofChristmas-Regular
- NereusItalic-Light
- Nosifer
- Parisienne
- PirataOne
- RobotoSlab-VariableFont_wght
- RubikMaze
- Sacramento
- Satisfy
- Shojumaru
- SpecialElite
- 仓耳与墨W01
- 仓耳与墨W02
- 仓耳与墨W03
- 仓耳与墨W04
- 仓耳与墨W05
- 仓耳小丸子
- 仓耳舒圆体W01
- 仓耳舒圆体W02
- 仓耳舒圆体W03
- 仓耳舒圆体W04
- 仓耳舒圆体W05
- 仓耳非白W01
- 仓耳非白W02
- 仓耳非白W03
- 仓耳非白W04
- 仓耳非白W05
- 优设标题黑
- 品如手写体
- 庞门正道标题体增强版
- 庞门正道真贵楷体
- 文道潮黑体
- 文鼎PL简中楷
- 智勇手书体
- 逐浪萌芽字
- 钟齐志莽行书
# 行距
- 单倍行距
- 1.1 倍行距
- 1.25 倍行距
- 1.5 倍行距
- 1.75 倍行距
- 2 倍行距
- 3 倍行距
- 5 倍行距
# 文本截断
- 单词截断
- 字符截断
- 不截断
# 星形
- 端点个数
- 半径： 内径、外径
# 多边形
- 边数
- 半径
# 圆形
- 半径
# 椭圆
- 宽半径
- 高半径
# 扇形
- 半径
- 角度
- 正/逆时针
# 环形
- 内半径
- 外半径
# 扇环
- 内半径
- 外半径
- 角度
- 正/逆时针
# 直线
- 弯曲度
- 闭合端点
# 箭头线
- 弯曲度
- 箭头宽度
- 箭头长度
- 头部箭头
- 尾部箭头
# png\jpg\jpeg图片
- 左右镜像
- 上下镜像
# svg图片
- 左右镜像
- 上下镜像
- 填充颜色
- 描边颜色
- 描边粗细
- 端点形状
- 拐角形状
# Gif动态图片
- Gif启停
# 动画栏
说明
动画支持的类型有
- 连续动画
- 补间动画
- 事件动画
连续动画支持的种类
- 连续旋转
- 连续心跳
- 连续跳动
- 背景闪烁
- 边框闪烁
- 流动
补间动画支持的种类
- 旋转
- 移动
- 背景变色
- 组背景变色
- Svg背景变色
- 缩放
- 边框变色
- 组边框变色
- Svg边框变色
- 隐藏->显示(透明度)
- 隐藏->显示(visible)
- 显示->隐藏(透明度)
- 显示->隐藏(visible)
- 图片切换
- 背景切换
- Gif动画控制
事件动画支持的种类
- 本地数据源赋值
- webSocket数据发送
- 发送GET请求
- 发送POST请求
- 播放音频
- 页面跳转
- 动画控制
- 弹出面板
- 弹出附近信息框
- 光标切换
- 自定义事件
# 启动条件
- 立即启动
- 动作条件启动
- 数据阈值启动
- 不启动
# 停止条件
- 不停止
- 动作条件停止
- 数据阈值停止
# 动作条件
- 鼠标单击
- 鼠标双击
- 鼠标移入
- 鼠标移出
- 鼠标按下
- 鼠标抬起
# 数据阈值条件
- 测点选择
- 启动判断条件
# 连续动画
- 速度绑定
- 速度测点择
- 速度
# 连续旋转
- 旋转中心
- 旋转方向
# 连续心跳
- 心跳大小
- 心跳中心
# 背景闪烁
- 闪烁颜色
# 边框闪烁
- 边框颜色
# 流动
- 间隔宽度
- 流动方向
# 旋转中心/心跳中心
- 中心
- 左上角
- 左侧中央
- 左下角
- 右上角
- 右侧中央
- 右下角
- 顶部中央
- 底部中央
# 补间动画
- 效果
- 速度
# 效果
- 线性
- 缓入
- 缓出
- 缓入缓出
- 向后缓入
- 向后缓出
- 向后缓入缓出
- 弹性缓入
- 弹性缓出
- 弹性缓入缓出
- 反弹缓入
- 反弹缓出
- 反弹缓入缓出
- 加速缓入
- 加速缓出
- 加速缓入缓出
# 旋转
- 旋转角度
- 旋转中心
# 移动
- 移动距离 x/y
# 背景变色
- 背景颜色
# 组背景变色
- 背景颜色
# svg背景变色
- svg背景颜色
# 缩放
- 缩放大小
- 缩放中心
# 边框变色
- 边框颜色
# svg边框变色
- svg边框颜色
# 组边框变色
- 组边框颜色
# 事件动画
# 本地数据源赋值
- 测点选择
- 设置值脚本
# 本地数据源赋值
- 目标数据源选择
- 发送数据脚本
# 发送GET请求
- 代理数据源选择
- 请求配置脚本
# 发送POST请求
- 代理数据源选择
- 请求配置脚本
# 播放音频
- 音频选择
- 循环播放
# 音频选择
- __卡通报警声
- __嘟嘟报警铃声
- __报警嘟嘟音
- __摩托车报警音
- __救护车警铃音
- __汽车警报声
- __烟雾报警器音
- __电话铃声
- __短促报警音
- __系统出错音
- __警报声
- __警铃声
- __防盗器短促鸣叫声
- __防盗警报响声
- __防空喇叭声
- __防空警报音
- __雷声
- __雷达探测器报警音
- __雾号报警音
- _卡通按钮音
- _拨码开关音
- _按钮叮声
- _按钮咯噔声
- _按钮哔声
- _按钮音ui
- _电子仪器开关
- _电源按钮音
- _确认按钮音
- _蜂鸣按钮音
- _铃铛音
- _魔法按钮音
# 页面跳转
- 跳转方式
- 当前页跳转
- 新标签页跳转
- 外部地址
- 云部署地址
# 动画控制
- 动画Id
# 弹出面板
- 面板Id
# 弹出附近信息框
- 面板设置
# 光标切换
- 小手
- 十字线
- 移动
- 上下箭头
- 左右箭头
- 文本
- 正忙
- 问号
# 自定义事件
- 启动脚本
- 停止脚本
# 数据栏
说明
数据绑定设置，支持
- 数据显示
- 高度绑定
- 宽度绑定
- 角度绑定
- X轴绑定
- Y轴绑定
- 图片绑定
# 数据显示
- 测点选择
- 绑定类型
- 保留小数点
- 小数点位数
- 过渡效果
- 后缀单位
# 高度绑定
- 测点选择
- 绑定美型
- 高度变化值
- 零刻度值
- 满刻度值
- 参考中心
# 宽度绑定
- 测点选择
- 绑定美型
- 高度变化值
- 零刻度值
- 满刻度值
- 参考中心
# 角度绑定
- 测点选择
- 绑定美型
- 旋转角度
- 零角度值
- 满角度值
- 参考中心
# X轴绑定
- 测点选择
- 绑定型
- X轴移动值
- 零移动值
- 满移动值
- 参考中心
# Y轴绑定
- 测点选择
- 绑定型
- Y轴移动值
- 零移动值
- 满移动值
- 参考中心
# 图片绑定
- 测点选择
- 绑定类型
- 显示模式
- 图片拉伸到盒子边缘
- 维持图片原始大小
# 配置栏
说明
配置栏主要对特殊组件进行针对性配置，具体类型有
- 富文本
- 视频组件
- Iframe框架
- 图表组件
- vue组件
# 富文本配置
# 视频组件配置
- 显示模式
- URL地址
- 预览图
- 预设音量
- 自动播放
- 参数配置
- 更新视图
# Iframe框架
- 显示模式
- URL地址
- 预览图
- 更新视图
# 图表组件
- 主题模式
- 测点选择
- 数据列表
- option配置
- 显示模式
- 更新视图
# 主题模式
- 明亮
- 暗黑
# 图表样式参数
# 初始化参数
# 数据刷新参数
# 显示模式
- 缩放拉伸
- 缩放 比例居中
- 宽缩放 纵向滚动
- 高缩放 纵向滚动
- 不缩放 固定大小
- 不缩放 自适应滚动
# vue组件配置
- 测点选择
- 数据列表
- 脚本配置
- 显示模式
- 更新视图
# Template模板设置
# Script模板设置
# Style模板设置
