本申请涉及一种框选对象确定方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括：响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。采用本方法能够减少判断所有图形对象过程中所消耗的时间和计算机算力。和计算机算力。和计算机算力。
【技术实现步骤摘要】
框选对象确定方法、装置、计算机设备和存储介质
[0001]本申请涉及计算机
，特别是涉及一种框选对象确定方法、装置、计算机设备、存储介质和计算机程序产品。
技术介绍
[0002]随着HTML5技术的兴起，出现了越来越多以HTML5为核心的产品；Canvas是HTML5新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。Canvas中绘制的图形通常需要对用户行为(例如鼠标点击)进行响应，因此，如何检测框选到Canvas中的图形一直是一道难题。
[0003]传统技术中，对于大量图形场景下框选检测时，需要对所有图形对象依次进行遍历，然后判断图形对象与选框矩形的位置关系的坐标计算，计算会大量消耗CPU资源，在终端设备上卡顿严重。
技术实现思路
[0004]基于此，本申请提供一种框选对象确定方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
[0005]第一方面，本申请提供了一种框选对象确定方法。所述方法包括：
[0006]响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；
[0007]基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；
[0008]获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。
[0009]在其中一个实施例中，所述基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域，包括：
[0010]获取每个区域的区域位置信息；
[0011]根据所述选框位置信息和所述区域位置信息，得到所述选框与所述每个区域的区域相交情况；
[0012]基于所述区域相交情况，从所述绘图容器所包含的多个区域中，确定出与所述选框有相交关系的区域，作为目标区域。
[0013]在其中一个实施例中，所述基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象，包括：
[0014]获取所述关联对象的对象位置信息；
[0015]根据所述对象位置信息和所述选框位置信息，得到所述选框和所述关联对象的相对位置关系；
[0016]根据所述相对位置关系确定所述框选操作指令所选中的对象。
[0017]在其中一个实施例中，所述根据所述相对位置关系，确定所述框选操作指令所选中的对象，包括：
[0018]在所述关联对象的全部区域均包含于所述选框在所述绘图容器中所覆盖的范围内的情况下，确定所述关联对象为所述框选操作指令所选中的对象；
[0019]在所述关联对象的任一部分区域包含于所述选框在所述绘图容器中所覆盖的范围内的情况下，确定所述关联对象为所述框选操作指令所选中的对象。
[0020]在其中一个实施例中，在所述基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域之前，还包括：
[0021]获取所述绘图容器的尺寸信息；
[0022]基于所述尺寸信息，对所述绘图容器进行区域分割，得到所述多个区域。
[0023]在其中一个实施例中，在基于所述尺寸信息，对所述绘图容器进行区域分割，得到所述多个区域之后，还包括：
[0024]获取绘图容器中图形对象的图形位置信息；所述图形对象预先绘制于所述绘图容器中；
[0025]根据所述图形位置信息和每个区域的区域位置信息，得到所述图形对象和每个区域的相交情况；
[0026]根据所述相交情况确定所述每个区域对应的关联对象。
[0027]第二方面，本申请还提供了一种框选对象确定装置。所述装置包括：
[0028]框选检测模块，用于响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；
[0029]对象映射模块，用于基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；
[0030]选取判断模块，用于获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。
[0031]第三方面，本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
[0032]响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；
[0033]基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；
[0034]获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。
[0035]第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
[0036]响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；
[0037]基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；
[0038]获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。
[0039]第五方面，本申请还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：
[0040]响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；
[0041]基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；
[0042]获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。
[0043]上述框选对象确定方法、装置、计算机设备、存储介质和计算机程序产品，通过对绘图容器进行区域分割，当框选操作指令触发之后，仅需要对框选操作指令所触发的分割区域对应的图形对象进行判断，减少了判断所有图形对象过程中所消耗的时间和计算机算力。
附图说明
[0044]图1为一个实施例中框选对象确定方法的流程示意图；
[0045]图2为另一个实施例中框选对象确定方法的流程示意图；
[0046]图3为一个实施例中框选事件初始化步骤的流程示意图；
[0047]图4本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种框选对象确定方法，其特征在于，所述方法包括：响应于针对绘图容器中的框选操作指令，获取与所述框选操作指令对应选框的选框位置信息；基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域；所述多个区域通过对所述绘图容器预先分割得到，每个区域具有对应的关联对象；获取所述目标区域对应的关联对象，基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象。2.根据权利要求1所述的方法，其特征在于，所述基于所述选框位置信息，从所述绘图容器所包括的多个区域中确定出所述选框对应的目标区域，包括：获取每个区域的区域位置信息；根据所述选框位置信息和所述区域位置信息，得到所述选框与所述每个区域的区域相交情况；基于所述区域相交情况，从所述绘图容器所包括的多个区域中，确定出与所述选框有相交关系的区域，作为目标区域。3.根据权利要求1所述的方法，其特征在于，所述基于所述目标区域对应的关联对象和所述选框位置信息，确定所述框选操作指令所选中的对象，包括：获取所述关联对象的对象位置信息；根据所述对象位置信息和所述选框位置信息，得到所述选框和所述关联对象的相对位置关系；根据所述相对位置关系，确定所述框选操作指令所选中的对象。4.根据权利要求3所述的方法，其特征在于，所述根据所述相对位置关系，确定所述框选操作指令所选中的对象，包括：在所述关联对象的全部区域均包含于所述选框在所述绘图容器中所覆盖的范围内的情况下，确定所述关联对象为所述框选操作指令所选中的对象；在所述关联对象的任一部分区域包含于所述选框在所述绘图容器中所覆盖的范围内的情况下，确定所述关联对象为所述框选操作指令所选中的对象。5.根据权利要求1...
【专利技术属性】
技术研发人员：庞少飞，周超，沈小勇，吕江波，
申请(专利权)人：深圳思谋信息科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。