antvG6,拖拽节点不生效解决办法

豆逗逗

已于 2023-05-12 11:18:20 修改

阅读量1.6k

点赞数

分类专栏： antv G6 文章标签：前端 antv G6

于 2023-05-12 11:14:20 首次发布

本文链接：https://blog.csdn.net/weixin_38345306/article/details/130638232

版权

antv G6 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

const graph = new G6.Graph({
  modes: {
    default: ['drag-node'],
  },
});

3.2版本的 g6，解决方法是给拖拽的节点调用方法 .set(‘capture’,false);

const rect = group.addShape("rect", {
                      attrs: {
                          y: moveY,
                          height:30,
                          stroke: "#E4E7ED",
                          fill: "#4091F7",
                          opacity: 0.1,
                      },
                      name:'rect-shape2'
                  });
                 rect..set(‘capture’,false)

3.7版本以后的在创建节点时添加属性 draggable: true,

const rect = group.addShape("rect", {
                      attrs: {
                          y: moveY,
                          height:30,
                          stroke: "#E4E7ED",
                          fill: "#4091F7",
                          opacity: 0.1,
                      },
                      draggable: true,
                      name:'rect-shape2'
                  });