registerNode 的 dom节点无法拖拽

[lilong0429]

问题描述

G6.registerNode了一个dom，设置draggable: true, 绘制成功后无法拖拽。

重现链接

无

重现步骤

以下是我的代码

data = {
  nodes: [
    {
      id: 'email1',
      type: 'domnode',
      label: '[email protected]'
    }]
}
// dom
G6.registerNode('domnode', {
  draw: (cfg, group) => {
    const shape = group.addShape('dom', {
      attrs: {
        width: cfg.size[0],
        height: cfg.size[1],
        html: `<span>${cfg.label}</span>`
      },
      draggable: true,
      name: 'circle-shape',
    });
    return shape;
  }
},'single-node');


const graph = new G6.Graph({
  container: 'mountNode', 
  width: 300,
  height: 200,
  fitCenter: true,
  renderer: 'svg',
  linkCenter: true,
  modes: {
    default: ['drag-node']
  },
  defaultNode: {
    size: [30, 30],
  }
});
graph.data(this.data);
graph.render();

预期行为

希望自定义的dom节点可以拖拽

平台

• 操作系统: [macOS]
• 网页浏览器: [Google Chrome]
• G6 版本: [3.5.8]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[Yanyan-Wang]

试一下这里的写法，https://g6.antv.vision/zh/examples/item/customNode#svgDom

注意有些需要打开注释，代码中有标注

[Yanyan-Wang]

尊敬的用户，您好。我们很重视您的 issue，但由于长时间没有答复，我们暂时认为这个问题已经解决。如果还有任何问题，请随时根据 issue 模版再开启新的 issue。