当前位置: 首页 > 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.jsqmd.com/news/40259/

相关文章:

  • 2025 年最新沈阳卷帘门厂家排名、卷帘门厂家排行榜,沈阳车库门工厂、沈阳伸缩门厂家排名、快速门生产厂家排行,沈阳鼎盛和
  • 网络安全主动防御技术与应用 - 指南
  • IDEA开发过程中Module的Compiler Output和Artifact的关系
  • 2025年画册设计公司权威推荐榜单:行业前十强深度解析
  • 6、表联结 JOIN
  • 样式,草稿
  • IDEA开发过程中Artifact和Maven有什么区别
  • 2025年电脑自动裁剪机供货商权威推荐榜单:卷布装置/电脑绗缝机/高速电脑裥棉机源头厂家精选
  • 易基因:郑州大学第一附属医院孙同文教授团队利用表观多组学揭示二甲双胍通过DNA甲基化和羟甲基化双向调控减轻肝损伤的保护机制|项目文章
  • 20232302 2025-2026-1《网络与系统攻防技术》实验五实验报告
  • 2025年11月有感
  • kettle 从excel中读取需要同步的表到另一个数据库中
  • 安徽知名的商标注册:2025年专业服务机构权威评测
  • 小马算力暖冬特惠营:百万算力金 + 万元京东卡,11.12
  • 2025 年 11 月断桥铝窗/门/系统窗/门窗/窗户厂家推荐排行榜,专业定制与节能性能口碑之选
  • 2025年导向臂疲劳试验机定制厂家权威推荐榜单:电动疲劳试验机/封隔器疲劳试验机/疲劳检测设备源头厂家精选
  • 用Python实现数字识别的简单AI应用
  • 是的
  • Gitee Team:国产软件研发智能化转型的破局者
  • 手把手教你部署智能合约 - all-in
  • 2025年泳池篷房实力厂家权威推荐榜单:篮球训练篷房/篮球场篷房/游泳馆篷房源头厂家精选
  • 免密登录
  • 什么是CRM系统:CRM系统定义、功能与2025年9款最佳CRM系统推荐
  • 2025上海留学中介机构出国留学排名前三
  • 2025年轴承钢砂批发厂家权威推荐榜单:合金钢砂/钢砂/钢砂价格源头厂家精选
  • antd form.item内部的value会生效吗
  • Proxmox VE9.0优化-删除订阅窗
  • Springboot病人跟踪治疗信息管理系统e40z6(程序+源码+数据库+调试部署+创建环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
  • Visual Studio 2026 正式版发布 - 适用于 Windows 上 .NET 和 C++ 开发人员的最全面 IDE
  • Burp Suite Professional 2025.11 发布,新增功能简介