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

news/2025/11/14 14:16:52/文章来源:https://www.cnblogs.com/cola-tian/p/19221928

项目中,鼠标左键是用来移动项目,使用鼠标框选只能用中键和右键了,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.mzph.cn/news/965366.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2025 年最新沈阳卷帘门厂家排名、卷帘门厂家排行榜,沈阳车库门工厂、沈阳伸缩门厂家排名、快速门生产厂家排行,沈阳鼎盛和

2025 年最新沈阳卷帘门厂家排名、卷帘门厂家排行榜,沈阳车库门工厂、沈阳伸缩门厂家排名、快速门生产厂家排行,沈阳鼎盛和2025 年最新沈阳卷帘门厂家排名、卷帘门厂家排行榜,沈阳车库门工厂、沈阳伸缩门厂家排名、快…

网络安全主动防御技术与应用 - 指南

网络安全主动防御技术与应用 - 指南pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco…

IDEA开发过程中Module的Compiler Output和Artifact的关系

在 IntelliJ IDEA 中,Module 的 Compiler Output(编译输出路径)和 Artifact(构件)是紧密关联但职责不同的两个概念,前者的核心关系是:Compiler Output 是 Artifact 的“原材料来源”,Artifact 是对 Compiler O…

2025年画册设计公司权威推荐榜单:行业前十强深度解析

摘要 随着数字化转型加速,画册设计行业在2025年迎来新一轮发展高潮。根据中国品牌设计协会数据显示,今年国内画册设计市场规模预计突破120亿元,年增长率达18.7%。本文基于用户口碑、案例质量、设计水平等维度,综合…

6、表联结 JOIN

1、表联结 JOIN 用于关联多个表的核心操作,通过共同字段将数据组合,实现高效查询。 在一条 SELECT 语句中关联表,因此称为联结。使用特殊的语法,可以联结多个表返回一组输出,联结在运行时关联表中正确的行。 1)内连…

样式,草稿

```html <style> /* 深色笔记核心样式 */ details.note { margin: 1em 0; border-radius: 6px; overflow: hidden; background: #2d3436; transition: all 0.3s ease; } details.note:hover { box-shadow: 0 3px…

IDEA开发过程中Artifact和Maven有什么区别

在 IntelliJ IDEA 中,Artifact 和 Maven 是两个关联紧密但职责不同的概念:Maven 是项目构建工具,负责编译、依赖管理、打包(如生成 JAR/WAR) 等核心流程,通过 pom.xml 定义构建规则。 Artifact 是 IDEA 中的概念…

2025年电脑自动裁剪机供货商权威推荐榜单:卷布装置/电脑绗缝机/高速电脑裥棉机源头厂家精选

电脑自动裁剪机作为现代制造业中不可或缺的自动化设备,其市场需求正随着服装、皮革、纺织等行业对生产效率和精准度要求的提升而持续增长。本文将基于详实的行业数据,为您推荐2025年度在电脑自动裁剪机领域表现卓越的…

易基因:郑州大学第一附属医院孙同文教授团队利用表观多组学揭示二甲双胍通过DNA甲基化和羟甲基化双向调控减轻肝损伤的保护机制|项目文章

大家好,这里是专注表观组学十余年,领跑多组学科研服务的易基因。 近日,郑州大学附属第一医院重症医学科刘峰宇博士和仝然博士为共同第一作者,孙同文教授为通讯作者,首次系统探讨了经典降糖药物二甲双胍(Metformi…

20232302 2025-2026-1《网络与系统攻防技术》实验五实验报告

1.实验内容 任务一:查询指定DNS与IP信息:查询baidu.comDNS注册人及联系方式,域名对应IP地址,IP地址注册人及联系方式,IP地址地理位置信息(要求使用WHOIS、dig、nslookup、traceroute/tracert、在线工具) 任务二…

CDN与域名ICP备案的关系浅谈

本文分享自天翼云开发者社区《CDN与域名ICP备案的关系浅谈》.作者:江****禄 本文介绍CDN与域名ICP备案的关系以及如何进行域名ICP备案。 一、CDN与域名ICP备案的关系 CDN与域名ICP(Internet Content Provider)备案之…

详细介绍:Linux----权限

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

2025年11月有感

好久没来了,从北京回到老家保定,转眼间已经4年了。匆匆4年,一晃而过,今年2025年人生仿佛按下了快进键,恋爱,结婚,马上生子。工作也进入瓶颈进入长城汽车工作4年,3年末,工作中触发生产问题,被放权,被边缘,之…

kettle 从excel中读取需要同步的表到另一个数据库中

一、excel数据二、整体作业 三、获取需要同步的表 四、子作业五、获取变量并命名 六、获取表中的数据进行同步

安徽知名的商标注册:2025年专业服务机构权威评测

摘要 随着知识产权保护意识的提升,2025年商标注册行业迎来快速发展期。安徽省商标申请量年均增长25%,企业对专业商标服务的需求持续攀升。本文基于行业数据与用户口碑,对市面上主流商标注册服务机构进行综合评测,为…

2025年加粗鸽笼生产厂家权威推荐榜单:三层鸽笼/繁殖鸽笼/广式鸽笼源头厂家精选

在规模化、专业化养鸽成为趋势的2025年,一款优质的加粗鸽笼不仅是养殖设备,更是提升生产效率与管理水平的关键。 优质的养殖笼具对养鸽成功率至关重要。加粗鸽笼凭借其坚固耐用、设计科学的特点,已成为专业养殖场和…

小马算力暖冬特惠营:百万算力金 + 万元京东卡,11.12

亲爱的博客园朋友们,大家好! 同步一个超赞好消息:博客园会员权益活动有效期延长至 2026 年 1 月 31 日啦,新老用户在小马算力调用指定模型还能领取 200 算力金! 具体模型类型为qwen3-coder-480b deepseek-v3-0324…

2025 年 11 月断桥铝窗/门/系统窗/门窗/窗户厂家推荐排行榜,专业定制与节能性能口碑之选

2025 年 11 月断桥铝窗/门/系统窗/门窗/窗户厂家推荐排行榜,专业定制与节能性能口碑之选 随着建筑节能标准的不断提升和消费者对居住环境品质要求的提高,断桥铝门窗行业正迎来技术升级与产品创新的关键阶段。作为建筑…

2025年导向臂疲劳试验机定制厂家权威推荐榜单:电动疲劳试验机/封隔器疲劳试验机/疲劳检测设备源头厂家精选

导向臂疲劳试验机作为汽车、航空和工程机械行业中质量控制与产品研发的关键设备,其市场需求正随着工业制造领域对零部件可靠性要求的提升而持续增长。本文将基于行业数据,为您推荐2025年度在导向臂疲劳试验机定制领域…

用Python实现数字识别的简单AI应用

今天分享一个用Python写了一个能识别图片里文字的AI!不用任何现成的大模型,就靠最基础的代码。 这个简单的AI能做什么? 简单的说就是你画了一个简单的数字“8”,这个AI就能认出它是8!虽然它现在只能认0-9这10个数…