LogicFlow 学习笔记——5. LogicFlow 基础 主题 Theme
主题 Theme
LogicFlow 提供了设置主题的方法，便于用户统一设置其内部所有元素的样式。设置方式有两种：
- 初始化
LogicFlow时作为配置传入 - 初始化后，调用
LogicFlow的 setTheme 方法
主题配置参数见主题API
配置
new LogicFlow 时作为将主题配置作为参数进行初始化。
// 方法1：new LogicFlow时作为配置传入
const config = {domId: 'app',width: 1000,height: 800,style: { // 设置默认主题样式rect: {...}, // 矩形样式circle: {...}, // 圆形样式nodeText: {...}, // 节点文本样式edgeText: {...}, // 边文本样式anchor: {...}, // 锚点样式...}
}
const lf = new LogicFlow(config);
setTheme
调用 LogicFlow 的 setTheme 方法，lf.setTheme进行主题配置
// 方法1：new LogicFlow时作为配置传入
const config = {domId: 'app',width: 1000,height: 800,style: { // 设置默认主题样式rect: {...}, // 矩形样式circle: {...}, // 圆形样式nodeText: {...}, // 节点文本样式edgeText: {...}, // 边文本样式anchor: {...}, // 锚点样式...}
}
const lf = new LogicFlow(config);