towersxu/draft-flow

手绘风格流程图

基于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: '数据库',
    }
  ]
})