申请/专利权人：四川长虹教育科技有限公司

申请日：2022-07-21

公开（公告）日：2024-04-23

公开（公告）号：CN115098216B

主分类号：G06F9/451

分类号：G06F9/451;G06F8/38;G06F3/0486

优先权：

专利状态码：有效-授权

法律状态：2024.04.23#授权;2022.10.14#实质审查的生效;2022.09.23#公开

摘要：本发明涉及网页元素拖拽技术领域，公开了一种基于中点距离判断的元素拖拽匹配方法，旨在解决数据兼容困难以及元素拖拽移动性能较差的问题，方案主要包括：在前端基础布局时，设置固定区域以及可拖拽区域；在后台数据建立时，针对可拖拽的前端元素建立数据模型；执行拖拽移动流程；在可拖拽区域内，布局固定位置的容器元素作为热区容器；获取热区容器对应的热区元素，并将其存储至后台数据中的热区容器集合内；在前端元素被拖拽移动的过程中，基于中心点距离判断当前拖拽元素的容器与热区容器集合内的热区元素是否相交，若是，则作出对应的匹配操作。本发明解决了数据兼容困难的问题，提高了元素拖拽移动性能。

主权项：1.基于中点距离判断的元素拖拽匹配方法，其特征在于，包括以下步骤：步骤1、在前端基础布局时，设置数据与元素位置对应的固定区域、数据动态变化与元素位置对应的固定区域以及数据动态变化与元素位置对应的可拖拽区域；步骤2、在后台数据建立时，针对可拖拽的前端元素建立数据模型，所述数据模型能够通过响应式原理修改前端属性的值，所述前端属性至少包括前端元素的定位属性；步骤3、执行拖拽移动流程：当前端元素被鼠标指针点击后，记录鼠标指针的初始位置，当前端元素移动到当前位置并释放后，记录鼠标指针的当前位置，根据所述鼠标指针的初始位置和当前位置以及前端元素的原始定位属性计算前端元素的当前定位数据，并将所述当前定位数据写入数据模型中，前端属性通过数据响应进行位置改变；步骤4、在所述可拖拽区域内，布局固定位置的容器元素作为热区容器，所述热区容器的定位属性对应的数据为固定数据；步骤5、获取热区容器对应的热区元素，并将其存储至后台数据中的热区容器集合内，所述热区容器集合内设有用于定位元素的唯一标志；步骤6、在前端元素被拖拽移动的过程中，基于中心点距离判断当前拖拽元素的容器与热区容器集合内的热区元素是否相交，若是，则作出对应的匹配操作；所述基于中心点距离判断当前拖拽元素的容器与热区容器集合内的热区元素是否相交，具体包括：确定热区容器集合内所有热区元素对应的第一中心点坐标和第一宽高数据，并将所述第一中心点坐标和第一宽高数据存储至热区定位集合，所述热区定位集合内设有与热区容器集合相同的唯一标志；确定当前拖拽元素对应的第二中心点坐标和第二宽高数据，根据所述唯一标志循环遍历热区定位集合，并根据第一中心点坐标、第一宽高数据、第二中心点坐标和第二宽高数据判断当前拖拽元素的容器与热区容器集合内的热区元素是否相交。

全文数据：

权利要求：

百度查询： 四川长虹教育科技有限公司 基于中点距离判断的元素拖拽匹配方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD