多元素交互方法、装置、设备和存储介质制造方法及图纸

本发明专利技术实施例公开了一种多元素交互方法、装置、设备和存储介质，涉及交互技术，该方法包括：若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。

【技术实现步骤摘要】
多元素交互方法、装置、设备和存储介质
本专利技术涉及交互技术，尤其涉及一种多元素交互方法、装置、设备和存储介质。
技术介绍
在浏览器环境中，浏览器中渲染和事件监听的单位是文档对象模型(DocumentObjectModel，DOM)元素，而任何标准的元素的边界都是矩形，当交互发生在不规则元素之外且在DOM元素边界矩形之内时，并且用户交互事件穿透该元素直接与下层元素进行交互时，在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：浏览器的DOM元素事件监听会将该交互阻挡，导致下层元素无法响应。针对这种情况，通常情况是将多媒体视频单独用DOM元素来渲染，但是这样会带来另一个缺陷，由于多媒体视频单独用DOM元素来渲染，因此该元素必将在层级上位于所有可伸缩矢量图形(ScalableVectorGraphics，SVG)子元素的上方或者下方，当需求是视频元素的层级位置不为置顶或置底时无法满足要求。
技术实现思路
本专利技术实施例提供一种多元素交互方法、装置、设备和存储介质，在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。第一方面，本专利技术实施例提供了一种多元素交互方法，该方法包括：若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。第二方面，本专利技术实施例还提供了一种多元素交互装置，该装置包括：判断模块，用于若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；确定模块，用于在点击操作对应在当前操作对象中的位置处于元素的激活区域时，根据所述激活区域确定所述激活区域对应的目标元素；响应模块，用于响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。第三方面，本专利技术实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本专利技术实施例中任一所述的多元素交互方法。第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本专利技术实施例中任一所述的多元素交互方法。本专利技术实施例中，通过若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若处于元素的激活区域，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态。在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。附图说明图1a是本专利技术实施例一中的一种多元素交互方法的流程图；图1b是本专利技术实施例一中适用的一种渲染时的层级遮挡的示意图；图1c是本专利技术实施例一中适用的一种元素之间相对位置有重合时的元素逻辑边界的示意图；图1d是本专利技术实施例一中适用的一种使用本方案后的元素交互过程中的示意图；图2a是本专利技术实施例二中的一种多元素交互方法的流程图；图2b是本专利技术实施例二中适用的一种多个元素交互时确定目标元素时的示意图；图3a是本专利技术实施例三中的一种多元素交互方法的流程图；图3b是本专利技术实施例三中适用的一种多个元素在非操作状态的显示图；图3c是本专利技术实施例三中适用的一种多元素交互时应用本方案后下层元素不被遮挡的示意图；图3d是本专利技术实施例三中适用的一种多重选择模式下确定多重选择区域的示意图；图4是本专利技术实施例四中的一种多元素交互装置的结构示意图；图5是本专利技术实施例五中的一种计算机设备的结构示意图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。实施例一图1a为本专利技术实施例一提供的一种多元素交互方法的流程图，本实施例可适用于在浏览器的场景中多元素进行交互的情况，该方法可以由本专利技术实施例提供的多元素交互装置来执行，该装置可采用软件和/或硬件的方式实现。参考图1a，该方法具体可以包括如下步骤：S110、若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域，若是，则执行S120。其中，元素是指任何显示内容，包括图片、文字、多媒体音视频、平面集合形状和立体几何等，规则元素是指边界为矩形的元素，不规则元素是指元素的边界为除了矩形之外的形状的元素。浏览器的环境是指Chrome、Safari、Firefox、IE和Edge等可以显示标记语言文件的软件。在一个具体的例子中，多个不规则元素多层级复杂交互的场景可以是基于浏览器的演示文稿PowerPoint中的形状等元素。具体的，在当前操作对象为逻辑边界有重合的至少两个元素时，判断点击操作对应在当前操作对象中的位置是否处于元素的激活区域。可选的，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，通过获取点击操作在当前操作对象中的第一坐标位置，并将该第一坐标位置与激活区域在当前显示页面中的第二坐标位置进行比对，若第一坐标位置位于所述第二坐标位置确定的区域范围，则表明点击操作对应在当前操作对象中的位置处于元素的激活区域；所述逻辑边界为所述元素处于被选中状态时显示的矩形边界，在一个具体的例子中，可以通过分别获取每个元素对应在当前显示页面中的坐标，逻辑边界有重合是指至少两个元素在被选中状态时显示的矩形边界的坐标范围有重合。可选的，可以通过确定元素在选中状态时显示的矩形边界的四个顶点的坐标来确定逻辑边界的坐标范围。其中，元素的激活区域包括元素的边界线以及所述边界线形成的封闭区域，在一个具体的例子中，以三角形为例，该三角形元素的激活区域包括三角形的三条边以及三条边形成的封闭三角形区域。渲染边界是指渲染画布的大小，逻辑边界为元素处于被选中状态时显示的矩形边界。在一个具体的例子中，图1b示出了一种渲染时的层级遮挡的示意图，140为矩形1的矩形边界，150为直角三角形2的矩形边界，160为钝角三角形3的矩形边界，其中，矩形边界140、矩形边界150与矩形边界160是属于元素本身的特有属性，其矩形边界在用户对元素的操作以及各元素的交互过程中不可见。逻辑边界用于控制柄的显示和实际存储，激活边界即为元素的边界。参考图1b，激活边界分别为矩形1的四条边、直角三角形2的三条边以及钝角三角形3的三条边。图1c示出了一种元素之间相对位置有重合时的元素逻辑边界的示意图，以图1c为例，说明元素的逻辑边界本文档来自技高网...

【技术保护点】
一种多元素交互方法，其特征在于，包括：若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。

【技术特征摘要】
1.一种多元素交互方法，其特征在于，包括：若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。2.根据权利要求1所述的方法，其特征在于，所述根据所述激活区域确定所述激活区域对应的目标元素，包括：根据所述点击操作获取所述激活区域中的元素的标识码；将所述元素的标识码与预存元素列表中的标识码进行匹配来确定所述点击操作对应的目标元素。3.根据权利要求2所述的方法，其特征在于，所述根据所述激活区域确定所述激活区域对应的目标元素，还包括：若检测到发生所述点击操作的过程中有设定的多选指令产生，则将所述多选指令存在时间范围内的多个点击操作对应的多个元素的标识码与所述预存元素列表中的标识码进行匹配，来确定所述多个点击操作对应的目标元素。4.根据权利要求1所述的方法，其特征在于，所述满足设定条件的对所述目标元素的操作包括：满足设定条件的对所述目标元素的拖拽操作；相应的，所述响应于满足设定条件的对所述目标元素的操作，包括：将拖拽设备在拖拽操作结束时在当前页面上显示的标识符的位置作为目标点；响应于从所述点击操作对应在所述当前操作对象中的位置的拖拽起点移动至所述目标点来响应所述拖拽操作。5.根据权利要求4所述的方法，其特征在于，所述响应于发生在以所述点击操作对应在所述当前...

【专利技术属性】
技术研发人员：刘少杰，
申请(专利权)人：广州视源电子科技股份有限公司，广州视睿电子科技有限公司，
类型：发明
国别省市：广东,44