g6踩坑

1. 当父元素有transform: scale()时，有鼠标定位不准确的问题

// 开启支持css缩放，智能保证基本的准确，很多情况还是有问题
graph.get('canvas').set('supportCSSTransform', true)

2. 图形分组总体居中对齐的问题

const matrix = [1, 0, 0, 0, 1, 0, 0, 0, 1]
const box = group.getCanvasBBox()

// 3*3 矩阵变换，用于二维渲染
const newMatrix = transform(matrix, [
    ['t', -box.width / 2, 60], // translate
    // ['r', Math.PI / 4], // rotate
    // ['s', 2, 0.5], // scale
])

group.setMatrix(newMatrix)

3. 两个实体间不同方向的边会有交叉现象，解决方法

// 配置边连入节点的中心
linkCenter: true,

// 箭头为自定义箭头
endArrow: {
   path: 'M 0,0 L 10,5 Q 7,0,10,-5 Z',
   d: -25,
},

4、g6在更新布局时无法切回特定布局，后来发现是无法切换回实例化时的布局