当前位置: 首页 > news >正文

AntV X6 实现鼠标右键框选 - cola

项目中,鼠标左键是用来移动项目,使用鼠标框选只能用中键和右键了,X6中的选择插件是支持鼠标中键框选的,奈何项目经理要求用鼠标右键进行框选,才有了本篇博客记录。

实现的具体方式还是使用@antv/x6-plugin-selection插件中的方法startRubberband就可以了,因为X6提供的监听鼠标移动事件中获取不到右键事件(或许我没找到),我就直接监听画布容器上的mousedown事件

  const container = graph.container;// 定义事件处理器const handleMouseDown = (e: MouseEvent) => {if (e.button === 2) {e.preventDefault(); // 阻止默认右键菜单const selectionPlugin = graph.getPlugin<Selection>('selection');if (selectionPlugin) {selectionPlugin.enableRubberband();selectionPlugin.startRubberband(e as MouseEvent);}}};const handleMouseUp = (e: MouseEvent) => {if (e.button === 2) {e.preventDefault();graph.getPlugin<Selection>('selection')?.disableRubberband();}};// 添加事件监听器container.addEventListener('mousedown', handleMouseDown);container.addEventListener('mouseup', handleMouseUp);
http://www.zskr.cn/news/49492.html

相关文章:

  • 网络安全主动防御技术与应用 - 指南
  • IDEA开发过程中Module的Compiler Output和Artifact的关系
  • IDEA开发过程中Artifact和Maven有什么区别
  • 样式,草稿
  • 6、表联结 JOIN
  • 易基因:郑州大学第一附属医院孙同文教授团队利用表观多组学揭示二甲双胍通过DNA甲基化和羟甲基化双向调控减轻肝损伤的保护机制|项目文章
  • kettle 从excel中读取需要同步的表到另一个数据库中
  • 2025 年 11 月断桥铝窗/门/系统窗/门窗/窗户厂家推荐排行榜,专业定制与节能性能口碑之选
  • 是的
  • 开源项目,全网音乐免费听,太牛逼啦,XiaoMusic 无限点歌机~~~~
  • 手把手教你部署智能合约 - all-in
  • 纯HTML + CSS + JS 实现Popup弹窗
  • 2025年轴承钢砂批发厂家权威推荐榜单:合金钢砂/钢砂/钢砂价格源头厂家精选
  • Proxmox VE9.0优化-删除订阅窗
  • Springboot病人跟踪治疗信息管理系统e40z6(程序+源码+数据库+调试部署+创建环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
  • Proxmox VE9.0优化-换源
  • 21 CFR part11
  • 代涂高者——《机器学习》总结笔记
  • 力扣 第 169 场双周赛(A~D)
  • 如何查看Windows快捷键被占用
  • 领嵌iLeadE-588边缘计算网关设备支持4路摄像头4路网口连接云平台
  • Ubuntu 20.04.1 LTS 安装 Emqx-5.8.8
  • 2025企业数字人展厅企业TOP5推荐:从技术落地到场景价值的实力标杆
  • 实用指南:Webpack 打包优化与骨架屏结合:双管齐下提升前端性能与用户体验
  • Atcoder-ABC-431-E
  • 2025年石棉橡胶板厂家联系方式推荐:品质服务双保障
  • 两款开源工具推荐:科学信息检索导航 LaTeX 在线阅读器,科研效率提升利器!
  • 2025年比较好的工装定制TOP实力厂家推荐榜
  • 2025年11月天津电商财税公司榜单:五家服务商综合对比与选型建议
  • 2025年质量好的耙犁片TOP实力厂家推荐榜