初次使用G6,用的是官网推荐的Workflow Designer。
使用后发现里面的自定义节点有时候会出现拖动失灵的情况,需要点击节点,按下许久再拖动,才不会出现拖不动的情况,这个问题困扰了很久,严重影响操作交互体验。
后面发现凡是点击到自定义添加的图形图标和文字上都会出现拖不动的问题。
自定义节点如下:
drawLabel:(cfg,group)=>{
const description = group.addShape('text',{
attrs: {
text: cfg.description,
x: 0,
y: 10,
fontSize: 14,
textAlign: 'left',
textBaseline: 'middle',
fill: '#0000D9',
}})
}
drawLogoIcon:(cfg,group)=>{
const logoIcon = group.addShape('image', {
attrs: {
x: 0,
y: 0,
img:
'https://g.alicdn.com/cm-design/arms-trace/1.0.155/styles/armsTrace/images/TAIR.png',
},
});
}
添加完一个文字节点和一个图像节点后,能正常显示,但鼠标拖动这两