Background

Description

This guide demonstrates how to add a background to the canvas. To enable this feature, you need to add the f-background component inside the f-flow component. There are two default patterns: ‘rect’ and ‘circle’, but you can also create your own custom pattern (instructions are available in the f-background documentation).

Example

[component.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/background-example/background-example.component.html [component.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/background-example/background-example.component.ts [component.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/extensions/background-example/background-example.component.scss [common.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/_flow-common.scss