CN113554725A - 多图形移动吸附方法及其装置 - Google Patents

多图形移动吸附方法及其装置 Download PDF

Info

Publication number
CN113554725A
CN113554725A CN202010333783.0A CN202010333783A CN113554725A CN 113554725 A CN113554725 A CN 113554725A CN 202010333783 A CN202010333783 A CN 202010333783A CN 113554725 A CN113554725 A CN 113554725A
Authority
CN
China
Prior art keywords
moving
boundary
group
graphic
adsorption
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010333783.0A
Other languages
English (en)
Inventor
仵景文
韩丹
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xian Novastar Electronic Technology Co Ltd
Original Assignee
Xian Novastar Electronic Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xian Novastar Electronic Technology Co Ltd filed Critical Xian Novastar Electronic Technology Co Ltd
Priority to CN202010333783.0A priority Critical patent/CN113554725A/zh
Publication of CN113554725A publication Critical patent/CN113554725A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种多图形移动吸附方法和多图形移动吸附装置。所述多图形移动吸附方法例如包括：获取多个移动图形并关联所述多个移动图形成移动图形组；响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及吸附所述移动图形组至所述吸附边界。本发明实施例解决了现有技术中多移动图形同时移动过程中出现吸附混乱的问题，提升用户的体验度。

Description

多图形移动吸附方法及其装置
技术领域
本发明涉及图形处理技术领域，尤其涉及一种多图形移动吸附方法和一种多图形移动吸附装置。
背景技术
随着显示屏行业的迅速发展，LED显示屏已广泛地应用到日常生活的各个场合例如广告节目显示灯。许多显示屏供应商也退出了相应的节目编辑软件或系统供LED显示屏显示的节目的编辑。而目前的节目编辑软件例如基于WEB的节目编辑软件中，多个图形同时移动时与其它图形对齐吸附等功能还存在各种各样的问题，例如多个图形可吸附时产生的吸附混乱等问题。
发明内容
针对上述至少部分问题，本发明实施例提供了一种多图形移动吸附方法和一种多图形移动吸附装置。
一方面，本发明实施例提供的一种多图形移动吸附方法，包括：获取多个移动图形并关联所述多个移动图形成移动图形组；响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及吸附所述移动图形组至所述吸附边界。
上述技术方案通过将多个移动图形关联得到移动图形组，并比对移动图形组与目标图形的边界距离与距离阈值大小来确定吸附边界并将移动图形组吸附至吸附边界上，解决了现有技术中的多移动图形同时移动过程中出现吸附混乱的问题，满足了用户的多移动图形同时移动并吸附的需求，提升用户的体验度。
在本发明的一个实施例中，所述获取多个移动图形并关联所述多个移动图形成移动图形组包括：响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；关联所述多个移动图形得到所述移动图形组；以及根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
在本发明的一个实施例中，所述根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离包括：根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
在本发明的一个实施例中，所述响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界包括：响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
在本发明的一个实施例中，所述吸附所述移动图形组至所述吸附边界包括：根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置；以及移动所述移动图形组至所述吸附位置。
在本发明的一个实施例中，所述移动图形组的所述移动后图形信息数据包括所述移动图形组的移动后位置和移动后大小；所述根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置包括：根据所述移动图形组的初始图形信息数据和所述移动图形组的所述移动距离得到所述移动图形组的移动后位置和移动后大小；以及根据所述移动图形组的移动后位置和移动后大小、以及所述吸附边界的位置确定所述移动图形组的所述吸附位置。
另一方面，本发明实施例提供的一种多图形移动吸附装置，包括：图形组形成模块，用于获取多个移动图形并关联所述多个移动图形成移动图形组；边界距离确定模块，用于响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；吸附边界确定模块，用于响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及图形组吸附模块，用于吸附所述移动图形组至所述吸附边界。
在本发明的一个实施例中，所述图形组形成模块包括：移动图形确定单元，用于响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；图形组关联单元，用于关联所述多个移动图形得到所述移动图形组；以及图形组信息确定单元，用于根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
在本发明的一个实施例中，所述图形组信息确定单元包括：移动后数据确定子单元，用于根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；目标边界确定子单元，用于确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；边界位置确定子单元，用于根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及边界距离确定子单元，用于根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
在本发明的一个实施例中，所述吸附边界确定模块包括：备选吸附边界确定单元，用于响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；运动趋势确定单元，用于比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及吸附边界确定单元，用于根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
再一方面，本发明实施例提供的一种多图形移动吸附系统，包括：存储器和连接所述存储器的处理器，所述存储器存储计算机程序，所述处理器运行所述计算机程序时执行前述任意一项所述的多图形移动吸附方法。
又一方面，本发明实施例提供的一种计算机可读存储介质，其为非易失性存储器且存储有计算机可执行指令，所述计算机可执行指令用于执行前述任意一项所述的多图形移动吸附方法。
上述一个或多个技术方案可以具有如下优点或有益效果：通过将多个移动图形关联得到移动图形组，并比对移动图形组与目标图形的边界距离与距离阈值大小来确定吸附边界并将移动图形组吸附至吸附边界上，解决了现有技术中的多移动图形同时移动过程中出现吸附混乱的问题，满足了用户的多移动图形同时移动并吸附的需求，提升用户的体验度。另外，本实施例提供的多图形移动吸附方法的精确度非常高，几乎无误差，能够非常快捷的实现用户的多移动图形移动吸附需求，效果非常好。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明第一实施例提供的多图形移动吸附方法的流程示意图。
图2为图1中步骤S11的详细流程示意图。
图3为图1中步骤S13的详细流程示意图。
图4为图1中步骤S15的详细流程示意图。
图5a为图1中步骤S17的详细流程示意图。
图5b为图5a中步骤S171的详细流程示意图。
图6a至图6f为图1的方法的具体移动吸附过程的效果示意图。
图7为本发明第二实施例提供的一种多图形移动吸附装置的结构示意图。
图8为图7中的移动图形确定模块310的结构示意图。
图9为图7中的边界距离确定模块330的结构示意图。
图10为图7中的吸附边界确定模块350的结构示意图。
图11a为图7中的图形组吸附模块370的结构示意图。
图11b为图11a中的吸附位置确定单元371的结构示意图。
图12为本发明第三实施例提供的一种多图形移动吸附系统的结构示意图。
图13为本发明第四实施例提供的一种计算机可读存储介质的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
【第一实施例】
如图1所示，本发明第一实施例提供了一种多图形移动吸附方法。具体地，本发明实施例提供的多图形移动吸附方法例如包括步骤：
S11：获取多个移动图形并关联所述多个移动图形成移动图形组；
S13：响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；
S15：响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及
S17：吸附所述移动图形组至所述吸附边界。
本发明实施例通过将多个移动图形关联得到移动图形组，并比对移动图形组与目标图形的边界距离与距离阈值大小来确定吸附边界并将移动图形组吸附至吸附边界上，解决了现有技术中的多移动图形同时移动过程中出现吸附混乱的问题，满足了用户的多移动图形同时移动并吸附的需求，提升用户的体验度。
如图2所示，步骤S11例如包括：
S111：响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；
S113：关联所述多个移动图形得到所述移动图形组；以及
S115：根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
此外，如图3所示，步骤S13例如包括：
S131：根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；
S133：确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；
S135：根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及
S137：根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
具体地，如图4所示，步骤S15例如包括：
S151：响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；
S153：比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及
S155：根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
进一步地，如图5a所示，步骤S17包括：
S171：根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置；以及
S173：移动所述移动图形组至所述吸附位置。
更进一步地，如图5b所示，步骤S171包括：
S1711：根据所述移动图形组的初始图形信息数据和所述移动图形组的所述移动距离得到所述移动图形组的移动后位置和移动后大小；以及
S1713：根据所述移动图形组的移动后位置和移动后大小、以及所述吸附边界的位置确定所述移动图形组的所述吸附位置。
为便于理解本发明，下面将结合图6a至图6f对本实施例的多图形移动吸附方法的各个步骤进行详细描述。
本发明实施例提供的多图形移动吸附方法例如适用于基于WEB的节目编辑系统中的多个图形同时移动过程中的图形间的吸附。本发明实施例提供的多图形移动吸附方法适用于多个图形同时移动吸附一个目标图形的情形，也适用于多个图形同时移动吸附多个目标图形的情形。本发明实施例以多个目标图形的情形对多图形移动吸附方法进行说明，具体如下。
如图6a所示，基于WEB的节目编辑系统在画布上显示多个图形，例如图形A1、A2、A3、B、C以及D。其中，图形A1、A2、A3为需要同时移动的图形，称为移动图形A1、A2和A3。假设移动图形A1、A2和A3的移动方向例如是水平向右移动。其它图形为可能与移动图形A1、A2和A3移动后发生吸附的目标图形，例如目标图形B、目标图形C、目标图形D。
首先，节目编辑系统例如通过响应用户操作或者自动获取画布上的多个移动图形并关联多个移动图形成移动图形组。例如，如图6b所示，节目编辑系统响应用户对多个移动图形例如图形A1、A2和A3的选中操作获取多个移动图形例，以确定要同时移动的移动图形，并关联图形A1、A2和A3得到移动图形组A。具体地，节目编辑系统响应用户操作获取到图形A1、A2和A3的同时，也获取到了多个移动图形的初始图形信息数据。此处的多个移动图形的初始图形信息数据例如包括每个移动图形的初始位置和初始大小，例如图形A1的初始位置和初始大小、图形A2的初始位置和初始大小、以及图形A3的初始位置和初始大小。然后，关联图形A1、A2和A3得到移动图形组A。最后，根据多个移动图形的初始图形信息数据确定移动图形组A的初始图形信息数据。此处的移动图形组A的初始图形信息数据包括移动图形组A的初始位置和初始大小。典型地，移动图形A1、A2和A3的初始图形信息数据例如包括移动图形A1、A2和A3的初始位置和初始大小。初始位置例如为移动图形的坐标参考点，通常为移动图形的左上角顶点，其坐标值表示移动图形在画布中的位置(或称坐标)；当然初始位置也可以为移动放图形的其它点的坐标。移动图形的初始大小例如包括移动图形的初始宽度和初始高度。具体地，根据多个移动图形的每个移动图形例如图形A1、A2和A3的初始位置和初始大小，确定多个移动图形中第一方向和与第一方向垂直的第二方向上的图形边界的位置；将多个移动图形中第一方向上位置最小和位置最大的图形边界作为移动图形组在第一方向上的第一移动图形组边界和第二移动图形组边界；将多个移动图形中第二方向上位置最小和位置最大的图形边界作为移动图形组在第二方向上的第三移动图形组边界和第四移动图形组边界；以及根据第一移动图形组边界、第二移动图形组边界、第三移动图形组边界和第四移动图形组边界得到移动图形组的初始位置和初始大小。举例来说，如图6b所示，移动图形A1的初始图形信息包括移动图形A1的初始位置OA1(leftA1，topA1)和初始大小(HA1×WA1)，移动图形A2的初始图形信息包括移动图形A2的初始位置OA2(leftA2，topA2)和初始大小(HA2×WA2)，移动图形A3的初始图形信息包括移动图形A3的初始位置OA3(leftA3，topA3)和初始大小(HA3×WA3)。根据移动图形A1、A2和A3的初始图形信息数据，计算出移动图形A1、A2和A3的图形边界的位置。此处，移动图形A1、A2和A3的图形边界例如包括如图6b中的水平方向和垂直方向的图形边界。移动图形A1、A2和A3中的每个移动图形在水平方向和垂直方向上分别有两个图形边界，因此供有6个图形边界。将水平方向上位置最小和位置最大的图形边界作为移动图形A在水平方向上的左图形边界和右图形边界。将垂直方向上位置最小和位置最大的图形边界作为移动图形组A在垂直方向上的下图形边界和上图形边界。最后根据移动图形组A的四个图形边界例如左图形边界、右图形边界、上图形边界、下图形边界确定移动图形组A的初始位置OA(leftA，topA)和初始大小(HA×WA)，也即得到了移动图形组A的初始图形信息数据(参见图6b)。
接着，节目编辑系统例如响应用户对移动图形组A的移动操作比如沿移动方向例如图6c中的水平向右的方向拖拽移动移动图形组A。在移动图形组A的移动过程中，节目编辑系统根据移动图形组A的移动距离实时计算确定移动图形组A与目标图形例如B、C、D的目标边界的边界距离。具体地，首先根据移动图形组的初始图形信息数据和移动距离确定移动图形组的移动后图形信息数据。如图6d所示，假设移动图形组A在移动方向(例如水平向右)上的移动距离offsetX。因此，移动图形组A的移动后位置OAN的坐标为(leftA+offsetX，topA)。然后，确定目标图形的与移动图形组A的边界方向相同的目标边界。如图6a所示，目标图形B、C、D在移动方向上与移动图形组A方向相同的边界分别有两个目标边界。接着，根据目标图形的图形信息数据确定目标边界的边界位置。每个目标图形都包括各自的图形信息数据，例如位置和大小(宽度和高度)。根据目标图形的位置和大小(宽度和高度)计算得到目标图形的每个目标边界的位置。最后，根据所移动图形组A的移动后图形信息数据例如移动后位置和目标边界的位置得到边界距离。如图6d和图6e所示，移动图形组A在移动方向(例如水平向右方向)上的图形边界(包括左图形边界和右图形边界)和目标图形B、C、D的边界之间的边界距离有d1、d2、d3、d4、d5、d6、d7、d8、d9、d10、d11、d12共12个。当然，值得一提的是，在本发明的其他实施例中，当只有一个目标图形例如目标图形B时，那就只得到目标图形B的边界距离d1、d2、d7和d8。
接下来，节目编辑系统判断移动方向上的12个边界距离是否大于距离阈值。此处的距离阈值作为图形吸附的判断标准。此处的距离阈值可例如为5个像素距离或者10个像素距离；当然距离阈值也可以根据用户需要确定，本发明不以此为限。当边界距离不大于距离阈值时，表明目标图形进入了移动图形组A的吸附范围。此时，节目编辑系统根据边界距离确定移动图形组A的运动趋势并根据运动趋势确定移动图形组A的吸附边界。具体地，如图6d和图6e所示，边界距离d1、d2、d3、d4、d5、d6、d7、d8、d9、d10、d11、d12共12个距离中，d1和d3不大于距离阈值D，因此目标图形B的左边界和目标图形C的左边界进入了移动图形组A的右图形边界的吸附范围，因此将与d1和d3对应的两个目标边界作为备选吸附边界。然后，节目编辑系统比较备选吸附边界对应的边界距离的大小得到移动图形组A的运动趋势。如图6d所示，d1和d3两个边界距离中，d1最小，因此，移动图形组A的运动趋势为向d1所对应的备选吸附边界运动并吸附。节目编辑系统根据运动趋势将备选吸附边界中边界距离最小的目标边界作为吸附边界。此外，在本发明的其他实施例中，当只有一个目标图形例如目标图形B时，当目标图形B的左目标边界的边界距离d1和右目标边界的边界距离d2都小于或等于距离阈值时，则需要判断并找到两d1和d2中的最小值，然后找到与最小边界距离对应的备选吸附边界作为吸附边界。另外，当目标图形B的左目标边界的边界距离d1和右目标边界的边界距离d2之一小于或等于距离阈值时，则可直接找到该边界距离对应的备选吸附边界作为吸附边界。
最后，节目编辑系统沿移动方向吸附移动图形组至吸附边界。具体地，节目编辑系统根据吸附边界的位置和移动图形组A的移动后图形信息数据确定移动图形组的吸附位置。移动图形组A的移动后图形信息数据包括移动图形组的移动后位置。具体地，如图6f所示，节目编辑系统根据移动图形组A的初始图形信息数据例如移动图形组A的初始位置OA和移动图形组A的移动距离offsetX得到移动图形组的移动后位置OAN；接着节目编辑系统根据移动图形组A的移动后位置OAN和移动后大小(HA×WA)、以及吸附边界的位置确定移动图形组A的吸附位置(参见图6c)。最后，节目编辑系统移动移动图形组至吸附位置。
进一步地，在完成移动吸附后，节目编辑系统还记录、输出移动图形组A的最终图形信息数据例如移动图形组A的最终位置和最终大小，例如将移动图形组A的最终图形信息数据显示在节目编辑界面上，使得用户可随时了解到移动图形的图形信息，也可以为节目编辑的后续操作提供移动图形的图形信息。更进一步地，根据移动图形组A的最终位置和最终大小确定移动图形组A中的多个移动图形A1、A2和A3各自的最终位置和最终大小。
此处值得一提的是，本发明实施例仅以移动方向为水平向右方向为例予以说明。当移动方向为水平向左、或者垂直方向向上、或垂直向下时，其移动吸附的方法相同。进一步地，当移动图形组A同时存在两个方向例如水平向右和垂直向下(例如用户选中移动图形组A向右下斜向方向移动)的移动时，也可分解成同时对水平向右和垂直向下两个方向的移动过程进行吸附动作，当两个方向都满足吸附条件时，两个方向均可进行吸附，具体过程此处不再赘述。再者，本发明实施例仅以移动图形组A在目标图形B、C、D的外部的情形为例对多图形移动吸附方法进行描述。当移动图形组A在目标图形B、C、D的内部时，仅部分计算公式略有差别，例如由于移动图形组A的移动方向不同导致的offsetX值的正负不同等，但其移动吸附方法也相同，此处不再具体说明。
综上所述，本发明实施例通过将多个移动图形关联得到移动图形组，并比对移动图形组与目标图形的边界距离与距离阈值大小来确定吸附边界并将移动图形组吸附至吸附边界上，解决了现有技术中的多移动图形同时移动过程中出现吸附混乱的问题，满足了用户的多移动图形同时移动并吸附的需求，提升用户的体验度。另外，本实施例提供的多图形移动吸附方法的精确度非常高，几乎无误差，能够非常快捷的实现用户的多移动图形移动吸附需求，效果非常好。另外，在多图形移动吸附后还输出、记录多个移动图形的图形信息数据，使得用户可随时了解到图形信息，也可以为节目编辑的后续操作提供移动图形的图形信息，以满足用户图形编辑的需求。再者，本发明实施例提供的多图形移动吸附方法既可适用于多个移动图形吸附一个目标图形的情形，也可适用于多个移动图形吸附多个目标图形的情形，可满足用户不同的节目编辑场合，适应性强。
【第二实施例】
如图7所示，本发明第二实施例提供了一种多图形移动吸附装置300。多图形移动吸附装置300例如包括：
图形组形成模块310，用于获取多个移动图形并关联所述多个移动图形成移动图形组；
边界距离确定模块330，用于响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；
吸附边界获取模块350，用于响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及
图形组吸附模块370，用于吸附所述移动图形组至所述吸附边界。
进一步地，如图8所示，图形组形成模块310例如包括：
移动图形确定单元311，用于响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；
图形组关联单元313，用于关联所述多个移动图形得到所述移动图形组；以及
图形组信息确定单元315，用于根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
具体地，如图9所示，边界距离确定模块330例如包括：
移动后数据确定单元331，用于根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；
目标边界确定单元333，用于确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；
边界位置确定单元335，用于根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及
边界距离确定单元337，用于根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
此外，如图10所示，吸附边界获取模块350例如包括：
备选吸附边界确定单元351，用于响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；
运动趋势确定单元353，用于比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及
吸附边界确定单元355，用于根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
此外，如图11a所示，图形组吸附模块370例如包括：
吸附位置确定单元371，用于根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置。此处，移动后图形信息数据包括所述待移动图形组的移动后位置和移动后大小。
图形组吸附单元373，用于移动所述移动图形组至所述吸附位置。
此外，如图11b所示，吸附位置确定单元371例如包括：
移动后位置确定子单元3711，用于根据所述移动图形组的初始图形信息数据和所述移动图形组的所述移动距离得到所述移动图形组的移动后位置和移动后大小；以及
吸附位置确定子单元3713，用于根据所述移动图形组的移动后位置和移动后大小、以及所述吸附边界的位置确定所述移动图形组的所述吸附位置。
本实施例中的多图形移动吸附装置300中的各模块之间的具体工作过程和技术效果参见前述第一实施例的描述，此处不再赘述。
【第三实施例】
如图12所示，本发明第三实施例提供了一种多图形移动吸附系统500。典型地，多图形移动吸附系统500可例如为计算机等具有类似图形处理功能的设备。具体地，多图形移动吸附系统500可例如包括存储器510和与存储器510连接的处理器530。存储器510可例如为非易失性存储器，其上存储有计算机程序511。处理器530可例如为嵌入式处理器。处理器530运行计算机程序511时执行前述第一实施例中的多图形移动吸附方法。
本实施例中的多图形移动吸附系统500的具体工作过程和技术效果参见前述第一实施例的描述。
【第四实施例】
如图13所示，本发明第四实施例提供了一种存储介质例如计算机可读存储介质600。计算机可读存储介质600例如为非易失性存储器，其例如为：磁介质(如硬盘、软盘和磁带)，光介质(如CDROM盘和DVD)，磁光介质(如光盘)以及专门构造为用于存储和执行计算机可执行指令的硬件装置(如只读存储器(ROM)、随机存取存储器(RAM)、闪存等)。计算机可读存储介质600上存储有计算机可执行指令610。计算机可读存储介质600可由一个或多个处理器或处理装置来执行计算机可执行指令610，以实施前述第一实施例中的多图形移动吸附方法。
此外，可以理解的是，前述各个实施例仅为本发明的示例性说明，在技术特征不冲突、结构不矛盾、不违背本发明的发明目的前提下，各个实施例的技术方案可以任意组合、搭配使用。
在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多路单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种多图形移动吸附方法，其特征在于，包括：
获取多个移动图形并关联所述多个移动图形成移动图形组；
响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；
响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及
吸附所述移动图形组至所述吸附边界。
2.如权利要求1所述的多图形移动吸附方法，其特征在于，所述获取多个移动图形并关联所述多个移动图形成移动图形组包括：
响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；
关联所述多个移动图形得到所述移动图形组；以及
根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
3.如权利要求2所述的多图形移动吸附方法，其特征在于，所述根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离包括：
根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；
确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；
根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及
根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
4.如权利要求1所述的多图形移动吸附方法，其特征在于，所述响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界包括：
响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；
比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及
根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
5.如权利要求1所述的多图形移动吸附方法，其特征在于，所述吸附所述移动图形组至所述吸附边界包括：
根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置；以及
移动所述移动图形组至所述吸附位置。
6.如权利要求5所述的多图形移动吸附方法，其特征在于，所述移动图形组的所述移动后图形信息数据包括所述移动图形组的移动后位置和移动后大小；所述根据所述吸附边界的位置和所述移动图形组的移动后图形信息数据确定所述移动图形组的吸附位置包括：
根据所述移动图形组的初始图形信息数据和所述移动图形组的所述移动距离得到所述移动图形组的移动后位置和移动后大小；以及
根据所述移动图形组的移动后位置和移动后大小、以及所述吸附边界的位置确定所述移动图形组的所述吸附位置。
7.一种多图形移动吸附装置，其特征在于，包括：
图形组形成模块，用于获取多个移动图形并关联所述多个移动图形成移动图形组；
边界距离确定模块，用于响应于用户对所述移动图形组的移动操作，根据所述移动图形组的移动距离确定所述移动图形组与目标图形的目标边界的边界距离；
吸附边界确定模块，用于响应于所述边界距离不大于距离阈值根据所述边界距离确定所述移动图形组的吸附边界；以及
图形组吸附模块，用于吸附所述移动图形组至所述吸附边界。
8.如权利要求7所述的多图形移动吸附装置，其特征在于，所述图形组形成模块包括：
移动图形确定单元，用于响应用户对所述多个移动图形的选中操作确定所述多个移动图形并获取所述多个移动图形的初始图形信息数据；
图形组关联单元，用于关联所述多个移动图形得到所述移动图形组；以及
图形组信息确定单元，用于根据所述多个移动图形的所述初始图形信息数据确定所述移动图形组的初始图形信息数据。
9.如权利要求8所述的多图形移动吸附装置，其特征在于，所述图形组信息确定单元包括：
移动后数据确定子单元，用于根据所述移动图形组的所述初始图形信息数据和所述移动距离确定所述移动图形组的移动后图形信息数据；
目标边界确定子单元，用于确定所述目标图形的与所述移动图形组的边界方向相同的目标边界；
边界位置确定子单元，用于根据所述目标图形的图形信息数据确定所述目标边界的边界位置；以及
边界距离确定子单元，用于根据所述移动图形组的所述移动后图形信息数据和所述目标边界的位置得到所述边界距离。
10.如权利要求7所述的多图形移动吸附装置，其特征在于，所述吸附边界确定模块包括：
备选吸附边界确定单元，用于响应于所述边界距离不大于所述距离阈值，确定与所述边界距离对应的目标边界为备选吸附边界；
运动趋势确定单元，用于比较所述备选吸附边界对应的边界距离的大小得到所述移动图形组的运动趋势；以及
吸附边界确定单元，用于根据所述运动趋势将所述备选吸附边界中边界距离最小的目标边界作为所述吸附边界。
CN202010333783.0A 2020-04-24 2020-04-24 多图形移动吸附方法及其装置 Pending CN113554725A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010333783.0A CN113554725A (zh) 2020-04-24 2020-04-24 多图形移动吸附方法及其装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010333783.0A CN113554725A (zh) 2020-04-24 2020-04-24 多图形移动吸附方法及其装置

Publications (1)

Publication Number Publication Date
CN113554725A true CN113554725A (zh) 2021-10-26

Family

ID=78129725

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010333783.0A Pending CN113554725A (zh) 2020-04-24 2020-04-24 多图形移动吸附方法及其装置

Country Status (1)

Country Link
CN (1) CN113554725A (zh)

Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102739995A (zh) * 2011-05-10 2012-10-17 新奥特（北京）视频技术有限公司 一种字幕编组的处理方法
CN104239005A (zh) * 2013-06-09 2014-12-24 腾讯科技（深圳）有限公司 图形对齐方法及装置
CN105677136A (zh) * 2014-11-20 2016-06-15 珠海金山办公软件有限公司 一种图标排序的方法及装置
CN106201256A (zh) * 2016-06-30 2016-12-07 北京金山安全软件有限公司 一种图片定位的方法、装置及电子设备
CN106293314A (zh) * 2015-05-30 2017-01-04 腾讯科技（深圳）有限公司 一种显示控制方法、装置及终端
CN106325722A (zh) * 2015-06-19 2017-01-11 深圳创锐思科技有限公司 基于触摸终端的3d用户界面交互方法及触摸终端
CN106971423A (zh) * 2017-05-11 2017-07-21 广州视源电子科技股份有限公司 立方体图形的绘制方法、装置、设备及存储介质
WO2018014517A1 (zh) * 2016-07-21 2018-01-25 中兴通讯股份有限公司 一种信息处理方法、装置及存储介质
CN107798715A (zh) * 2017-10-19 2018-03-13 广州视睿电子科技有限公司 立体图形的对齐吸附方法、装置、计算机设备及存储介质
CN109164961A (zh) * 2018-08-10 2019-01-08 珠海格力电器股份有限公司 一种移动应用图标的方法及装置
CN109961494A (zh) * 2019-03-26 2019-07-02 湖南中医药大学 一种对图片进行显示和编辑的方法
CN110399443A (zh) * 2019-07-22 2019-11-01 上海图聚智能科技股份有限公司 地图编辑方法、装置、移动平台及存储介质
WO2019217043A1 (en) * 2018-05-08 2019-11-14 Google Llc Drag gesture animation

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102739995A (zh) * 2011-05-10 2012-10-17 新奥特（北京）视频技术有限公司 一种字幕编组的处理方法
CN104239005A (zh) * 2013-06-09 2014-12-24 腾讯科技（深圳）有限公司 图形对齐方法及装置
CN105677136A (zh) * 2014-11-20 2016-06-15 珠海金山办公软件有限公司 一种图标排序的方法及装置
CN106293314A (zh) * 2015-05-30 2017-01-04 腾讯科技（深圳）有限公司 一种显示控制方法、装置及终端
CN106325722A (zh) * 2015-06-19 2017-01-11 深圳创锐思科技有限公司 基于触摸终端的3d用户界面交互方法及触摸终端
CN106201256A (zh) * 2016-06-30 2016-12-07 北京金山安全软件有限公司 一种图片定位的方法、装置及电子设备
WO2018014517A1 (zh) * 2016-07-21 2018-01-25 中兴通讯股份有限公司 一种信息处理方法、装置及存储介质
CN106971423A (zh) * 2017-05-11 2017-07-21 广州视源电子科技股份有限公司 立方体图形的绘制方法、装置、设备及存储介质
CN107798715A (zh) * 2017-10-19 2018-03-13 广州视睿电子科技有限公司 立体图形的对齐吸附方法、装置、计算机设备及存储介质
WO2019217043A1 (en) * 2018-05-08 2019-11-14 Google Llc Drag gesture animation
CN109164961A (zh) * 2018-08-10 2019-01-08 珠海格力电器股份有限公司 一种移动应用图标的方法及装置
CN109961494A (zh) * 2019-03-26 2019-07-02 湖南中医药大学 一种对图片进行显示和编辑的方法
CN110399443A (zh) * 2019-07-22 2019-11-01 上海图聚智能科技股份有限公司 地图编辑方法、装置、移动平台及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
何伟娜等: "基于小差异分类的移动目标越界检测系统设计", 《计算机仿真》, vol. 33, no. 3 *

Similar Documents

Publication Publication Date Title
CN107633526B (zh) 一种图像跟踪点获取方法及设备、存储介质
WO2021012837A1 (zh) 推荐信息植入位置的确定方法、装置、设备及存储介质
CN107818290B (zh) 基于深度图的启发式手指检测方法
CN110084797B (zh) 平面检测方法、装置、电子设备和存储介质
CN109191547B (zh) 元素吸附方法、装置、设备和存储介质
CN110956674B (zh) 图形调整方法、装置、设备及存储介质
CN105825193A (zh) 手掌的掌心位置定位、手势识别方法、装置及智能终端
CN108490656A (zh) 液晶显示器图像检测方法和装置
CN113894799B (zh) 机器人及辅助环境定位的标识物识别方法和装置
CN108389151A (zh) 一种过度绘制的评估方法和系统
CN114143519A (zh) 投影图像自动匹配幕布区域的方法及装置，投影仪
CN109391833A (zh) 一种智能电视的语音控制方法及智能电视
CN111736823B (zh) 数据可视化方法、装置及计算机可读介质
CN114529773A (zh) 基于结构单元的表格识别方法、系统、终端及介质
CN111982933A (zh) 一种涂覆缺陷检测系统及装置
CN114827718A (zh) 云会议中实时视频合屏文字自适应对齐显示的方法和装置
CN113643422B (zh) 一种信息展示方法及装置
CN113554725A (zh) 多图形移动吸附方法及其装置
CN113554723A (zh) 图形变化处理方法及其装置
CN111210486B (zh) 一种用于实现流光效果的方法和装置
CN113554724A (zh) 图形缩放吸附方法及其装置
CN108156504B (zh) 一种视频显示方法及装置
CN114283267A (zh) 一种阴影图确定方法及装置
CN117492568B (zh) 一种基于卷积神经网络的玩具交互动作识别方法及系统
CN111739111A (zh) 一种点云投影编码的块内偏移优化方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination