基于LogicFlow和rough.js实现的手绘风格流程图。
import LogicFlow from '@logicflow/core';
import RoughPlugin from 'lf-rough';
const lf = new LogicFlow({
container: document.querySelector('#container'),
width: 500,
height: 500,
plugins: [RoughPlugin],
});
lf.render({
nodes: [
{
type: 'rough-database',
x: 100,
y: 100,
text: '数据库',
}
]
})