antV x6鼠标右键事件、鼠标滑过 节点 新增删除事件、节点 鼠标摁下 node节点禁止连入

graphSvg为当前的画布
复制代码
//鼠标右键事件
graphSvg.on('node:contextmenu', ({ e, node }) => {
            e.preventDefault();// 阻止默认的右键菜单
            console.log(e,node)
        })

//鼠标滑过 节点 新增删除事件
        graphSvg.on('node:mouseenter', ({ node }) => {
            if(node.id == currentTreeNodeId) return false;
            node.addTools({
                name: 'button-remove',
                args: {
                    x: '100%',
                    y: 0,
                    offset: { x: 0, y: 0 },
                },
            })
        })

//节点 鼠标摁下  node节点禁止连入
        graphSvg.on('edge:added', ({ edge, options }) => {
            if(条件){
                graphSvg.removeEdge(edge.id);
            }
        })
复制代码

 

posted @   烂笔头~  Views(472)  Comments(0Edit  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示