基于Vue和Canvas的分屏合屏实现方法及系统

摘要

本发明公开了基于Vue和Canvas的分屏合屏实现方法及系统，属于前端处理技术领域，要解决的技术问题为如何简单、扩展性的实现动态分屏合屏。包括如下步骤：基于Vue和Canvas构建分屏容器组件；初始化所述分屏容器组件的配置；定义分屏容器组件的操作项并设定操作项的实现逻辑，包括分屏选中操作、分屏分割操作、分屏拼接操作、拖拽绑定元素、历史回退以及重置；绑定分屏容器组件的操作事件并设定操作事件的实现逻辑，所述操作事件包括鼠标右键菜单事件和窗口大小变化事件；对所述分屏容器组件进行封装，将封装得到的分屏对象存储至数据库；加载所述分屏对象，基于所述分屏容器组件动态分屏合屏。