# 背景 Background

提供可以修改画布背景的方法,包括背景颜色或背景图片,背景层位于画布的最底层。

创建画布时,通过 background 选项来设置画布的背景颜色或图片,默认值为 false 表示没有(透明)背景。

const lf = new LogicFlow({
    background: false | BackgroundConfig
})

type BackgroundConfig = {
  backgroundImage?: string;
  backgroundColor?: string;
  backgroundRepeat?: string;
  backgroundPosition?: string;
  backgroundSize?: string;
  backgroundOpacity?: number;
};

# 配置项

# 设置背景颜色

const lf = new LogicFlow({
  // ...
  background: {
    backgroundImage: "url(../asserts/img/grid.svg)",
    backgroundRepeat: "repeat"
  }
})
 

# 示例