背景

🌐 Background

Vue Flow 提供两种背景图案：点状和线状。

🌐 Vue Flow comes with two background pattern variants: dots and lines.

安装

🌐 Installation

yarn add @vue-flow/background

# or
npm install @vue-flow/background

用法

🌐 Usage

要使用背景，只需将 Background 组件作为子组件传递给 VueFlow 组件即可。

🌐 To use the background simply pass the Background component as a child to the VueFlow component.

<script setup>
import { VueFlow } from '@vue-flow/core'
import { Background } from '@vue-flow/background'
</script>

<template>
  <VueFlow>
    <Background />
  </VueFlow>
</template>

属性

🌐 Props

名称	定义	类型	可选	默认值
variant	图案变体	BackgroundVariant	是	dots
gap	图案间距	数字	是	10
size	图案大小	数字	是	0.4
patternColor	图案颜色	字符串	是	#81818a
bgColor	背景颜色（覆盖图案）	字符串	是	#fff
height	背景高度	数字	是	100
width	背景宽度	数字	是	100
x	X 偏移量	数字	是	0
y	Y 偏移量	数字	是	0