一种图元对齐方法、装置及设备与流程

1.本技术涉及ui设计技术领域，尤其涉及一种图元对齐方法、装置及设备。


背景技术：

2.随着移动终端设备的普及，在移动终端设备的应用市场上，涌现了大量的小程序或应用，其中可实现图形编辑功能的应用越来越受到使用者的欢迎，通常这些实现图形编辑功能的应用可以对用户提供定制化模板、图元列表等素材，同时支持图元的缩放、旋转、文字编辑等功能，用户通过简单学习后就可以制作个人电子名片、宣传海报进行图片精修等。
3.当用户需要对某一特定图元进行小幅度的位置对齐调整时，通常采用的一种方式是通过放大图元所在区域，进而辅助用户对图元位置进行调整，这种情况下，有时会受移动终端显示屏幕的大小或者像素设置的限制，出现图元显示模糊的情况，不便于用户识别和操作图元；另一种方式是借助参照线或网格线对图元进行拖拽，从而实现对图元位置的调整，这种情况下，用户有时很难把握图元调整的力度，可能会出现由于拖拽图元的速度过快，导致图元位置发生较大的偏移，或者拖拽图元的速度过小，图元位置没有发生明显变化，用户需要反复尝试，不断调整图元的位置，使得整个过程既耗时又耗力，用户体验差。


技术实现要素：

4.本发明提供了一种图元对齐方法，用于解决现有技术中对图元位置进行微调对齐时，无法准确调整至对齐位置的问题。
5.第一方面，本技术提供一种图元对齐方法，包括：
6.监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
7.监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
8.监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
9.调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
10.一种可选的实施方式为，分别计算上述待调整图元与位于同一页面的各参考图元间的距离，包括：
11.以上述页面中任一点为坐标原点建立坐标系；
12.针对上述各参考图元中的每个参考图元，在上述待调整图元和参考图元上分别选取一个参考点，根据上述待调整图元的参考点的坐标值与参考图元的参考点的坐标值，确定上述待调整图元与参考图元间的距离。
13.一种可选的实施方式为，在上述待调整图元和参考图元上分别选取一个参考点，
包括：
14.利用边缘检测算法分别确定上述待调整图元及参考图元的边缘轮廓；
15.在上述待调整图元的边缘轮廓点集中选取第一点，在上述参考图元的边缘轮廓点集中选取第二点，使上述第一点和上述第二点间距离最近；
16.将上述第一点确定为上述待调整图元的参考点，将上述第二点确定为上述参考图元的参考点。
17.一种可选的实施方式为，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线，包括：
18.生成上述至少一个参考图元的最小外接矩形框；
19.针对上述至少一个参考图元中的每个参考图元，根据预先设定的对齐方式，基于上述最小外接矩形框分别确定不同对齐方式分别对应的辅助线；
20.根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线。
21.一种可选的实施方式为，上述辅助线包括如下至少一种：
22.与左对齐方式对应的上述最小外接矩形框的左边框所在的直线；
23.与右对齐方式对应的上述最小外接矩形框的右边框所在的直线；
24.与上对齐方式对应的上述最小外接矩形框的上边框所在的直线；
25.与下对齐方式对应的上述最小外接矩形框的下边框所在的直线；
26.与横向居中对齐方式对应的上述最小外接矩形框的中心点所在的横向中线；
27.与纵向居中对齐方式对应的上述最小外接矩形框的中心点所在的纵向中线。
28.一种可选的实施方式为，根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线，包括：
29.针对上述至少一个参考图元中的每个参考图元的每种对齐方式，确定上述待调整图元中与对齐方式对应的辅助线距离最短的测量点，并计算上述测量点与对齐方式对应的辅助线的距离；
30.将上述距离中最短距离对应的对齐方式确定为最接近的对齐方式，并预测上述最接近的对齐方式对应的辅助线为吸附线。
31.一种可选的实施方式为，调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠后，还包括：
32.监测到对待调整图元进行移动的指令，确定上述待调整图元的移动速度和/或位移量；
33.判定上述移动速度大于预设速度阈值时，按照上述移动速度对上述待调整图元的位置进行调整，和/或，判定上述位移量大于预设位移量阈值时，按照上述位移量对上述待调整图元的位置进行调整；
34.否则，判定上述对待调整图元进行移动的指令为无效指令。
35.第二方面，本技术提供一种图元对齐装置，包括：
36.计算模块，用于监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
37.生成模块，用于监测到与上述待调整图元距离小于第一阈值的至少一个参考图元
时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
38.定位模块，用于监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
39.调整模块，用于调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
40.第三方面，本技术提供一种图元对齐设备，包括存储器、处理器及存储在上述存储器上并可在上述处理器上运行的计算机程序，上述处理器执行上述计算机程序时实现：
41.监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
42.监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
43.监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
44.调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
45.第四方面，本技术提供一种计算机可读存储介质，其上存储有计算机程序指令，该计算机程序指令被处理器执行时实现：
46.监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
47.监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
48.监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
49.调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
50.上述方法，通过监测待调整图元与各参考图元的距离，在距离小于第一阈值时生成与至少一个参考图元的对齐方式对应的吸附线，在距离小与第二阈值时，根据对应的吸附线调整该待调整图元的位置至与参考图元对齐，实现了图元的自动对齐，解决了手动对齐导致的对齐不准确，以及耗时耗力的问题。
附图说明
51.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
52.图1为本技术实施例提供的一种图元对齐方法的流程图；
53.图2为本技术实施例提供的一种对齐方法的示意图；
54.图3为本技术实施例提供的一种待调整图元对准位置的示意图；
55.图4为本技术实施例提供的一种待调整图元与参考图元间距离计算方法的流程
图；
56.图5为本技术实施例提供的一种图元对齐过程中参考点的示意图；
57.图6为本技术实施例提供的一种吸附线生成方法的流程图；
58.图7为本技术实施例提供的一种图元对齐过程中吸附线的示意图；
59.图8为本技术实施例提供的一种图元对齐装置的示意图；
60.图9为本技术实施例提供的一种图元对齐设备的示意图。
具体实施方式
61.为了使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术作进一步地详细描述，显然，所描述的实施例仅是本技术一部份实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本技术保护的范围。
62.本技术实施例描述的应用场景是为了更加清楚的说明本技术实施例的技术方案，并不构成对于本技术实施例提供的技术方案的限定，本领域普通技术人员可知，随着新应用场景的出现，本技术实施例提供的技术方案对于类似的技术问题，同样适用。其中，在本技术的描述中，除非另有说明，“多个”的含义是两个或两个以上。
63.随着移动终端设备的普及，在移动终端设备的应用市场上，涌现了大量的小程序或应用，其中可实现图形编辑功能的应用越来越受到使用者的欢迎，通常这些实现图形编辑功能的应用可以对用户提供定制化模板、图元列表等素材，同时支持图元的缩放、旋转、文字编辑等功能，用户通过简单学习后就可以制作个人电子名片、宣传海报进行图片精修等。
64.目前，当用户需要对某一特定图元进行小幅度的位置对齐调整时，通常采用的一种方式是通过放大图元所在区域，进而辅助用户对图元位置进行调整，这种情况下，有时会受移动终端显示屏幕的大小或者像素设置的限制，出现图元显示模糊的情况，不便于用户识别和操作图元；另一种方式是借助参考线或网格线对图元进行拖拽，从而实现对图元位置的调整，这种情况下，用户有时很难把握图元调整的力度，可能会出现由于拖拽图元的速度过快，导致图元位置发生较大的偏移，或者拖拽图元的速度过小，图元位置没有发生明显变化，用户需要反复尝试，不断调整图元的位置，使得整个过程既耗时又耗力，用户体验差。
65.为解决上述问题，本技术提供了一种图元对齐方法，该方法的执行主体包括但不限于服务端、终端等能够被配置为执行本技术实施例提供的该方法的电子设备中的至少一种。换言之，该图元对齐方法可以由安装在终端设备或服务端设备的软件或硬件来执行，上述软件可以是区块链平台。上述服务端可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(contentdelivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
66.请参考图1，本技术实施例提供一种图元对齐方法的流程图，如图1所示，该图元对齐方法包括：
67.步骤101，监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
68.本技术实施例中，上述图元为图形元素的简称，上述页面可以是任一图形编辑页面，页面中可以包含按钮元素、提示框、编辑框、图片等多种图形元素，本技术实施例中对待调整图元与参考图元的形状不做限制，其形状可以为规则图形或者不规则图形。
69.上述待调整图元指在页面中发生移动的图形元素，上述参考图元指页面中未发生移动、位置固定不变的图形元素，作为一种可选的实施方式，将待调整图元所在页面上，除待调整图元外的其它图元确定为参考图元。
70.实施中，通过监测用户的鼠标点击和鼠标拖动等操作，监测待调整图元是否发生位移，如果监测到待调整图元发生位移，计算该待调整图元与位于同一页面上所有参考图元的距离。
71.步骤102，监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
72.本技术实施例中，对上述第一阈值的取值不做限制，可以根据实际需求进行设置，例如，将该第一阈值设置为5厘米、8厘米等。
73.在进行图元对齐的过程中，当监测到待调整图元与至少一个参考图元的距离逐渐缩小至第一阈值时，判定该至少一个参考图元可能为该待调整图元需要对齐的图元，并分别生成与上述至少一个参考图元对应的吸附线。
74.针对上述至少一个参考图元中每个参考图元，在生成待调整图元与参考图元对应的吸附线时，首先根据参考图元与待调整图元的位置关系，预测待调整图元与参考图元的对齐方式，然后根据预测的对齐方式，生成与对齐方式对应的吸附线。
75.上述吸附线可以为直线、射线或线段等多种形式，本技术实施例中对上述吸附线的方向不做限制，上述吸附线可以为横向的水平线或纵向的垂直线，也可以为向某个方向倾斜的斜线。
76.如图2所示，上述对齐方式包括但不限于左对齐、右对齐、上对其、下对其、横向居中对齐即纵向居中对齐。
77.步骤103，监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
78.本技术实施例中，对上述第二阈值的具体取值不做限制，但需要说明的是，上述第二阈值的取值需要小于第一阈值的取值。
79.详细地，当监测到待调整图元与目标参考图元的距离进一步缩小到第二阈值时，根据已生成的目标参考图元对应的吸附线，以及与吸附线对应的对齐方式，定位待调整图元中的对准位置，其中，待调整图元中的对准位置为与对齐方式对应的待调整图元的边缘点。
80.具体的，如图3所示的待调整图元与目标参考图元左对齐，吸附线生成于目标参考图元左侧边缘线上为例，此时，待调整图元的对准位置选取为待调整图元的左侧边缘点a。
81.需要说明的是，由于第二阈值的取值小于第一阈值的取值，因此当待调整图元与目标参考图元的距离缩小至第二阈值时，必然预先生成了与目标参考图元对应的吸附线。
82.步骤104，调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠；
83.实施中，由于上述待调整图元的对准位置，是根据目标参考图元的吸附线对应的
对齐方式确定的，因此，将待调整图元的对准位置与上述目标图元的吸附线重叠，即可实现待调整图元与目标参考图元对齐。
84.上述方法，通过实时计算待调整图元与参考图元之间的距离，当距离缩小到第一阈值时，生成与参考图元的对齐方式对应的吸附线，当距离进一步缩小到第二阈值时，根据对齐方式，确定待调整图元的对准位置，并根据对准位置与吸附线，调整待调整图元的位置，实现待调整图元与参考图元自动对齐的效果，用户无需再手工反复调整或移动待调整图元，从而提升了图元对齐的操作效率及用户操作体验。
85.作为一种可选的实施方式，为了防止手滑等问题导致的误操作，调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠后，还包括：
86.监测到对待调整图元进行移动的指令，确定上述待调整图元的移动速度和/或位移量；
87.判定上述移动速度大于预设速度阈值时，按照上述移动速度对上述待调整图元的位置进行调整，和/或，判定上述位移量大于预设位移量阈值时，按照上述位移量对上述待调整图元的位置进行调整；
88.否则，判定上述对待调整图元进行移动的指令为无效指令。
89.实施中，当待调整图元与目标参考图元对齐后，当监测到用户的对待调整图元进行移动时，首先获取待调整图元的移动速度和/或位移量，根据此移动速度和/或位移量判断是否属于用户的误操作，如果移动速度大于预设速度阈值和/或上述位移量大于预设位移量阈值时，判定用户的操作为有效操作，按照对应的待调整图元的移动速度和/或位移量进行待调整图元的位置调整；否则，判定用户的操作为无效操作，不对待调整图元的位置进行调整。
90.本技术实施例中，对上述预设速度阈值与预设位移量阈值的取值不做限定，可以根据实际需求进行调整。
91.需要说明的是，上述对待调整图元进行移动可能仅包括将与目标参考图元对齐的待调整图元移动至与目标参考图元未对齐的位置，也可能还包括在保持与目标参考图元对齐的状态下，对待调整图元进行移动，例如，在与目标参考图元左对齐的状态下，对待调整图元进行上下移动。
92.上述方法，用户移动已对齐的待调整图元与移动未对齐的待调整图元相比较，需要更大的移动速度和/或更大位移量，可以有效防止出现手滑现象，避免了移动待调整图元时出现较大的位置偏差。
93.参考图4，以下对上述步骤101中，待调整图元与位于同一页面的各参考图元间的距离的计算方法进行详细阐述，计算待调整图元与位于同一页面的各参考图元间的距离，包括以下步骤：
94.步骤401，以上述页面中任一点为坐标原点建立坐标系；
95.实施中，首先建立坐标系，基于此坐标系进行待调整图元与参考图元距离的计算，本技术实施例中，对坐标原点的选取不做限制，坐标原点可以选取为页面上的任一点。
96.步骤402，针对上述各参考图元中的每个参考图元，在上述待调整图元和参考图元上分别选取一个参考点，根据上述待调整图元的参考点的坐标值与参考图元的参考点的坐
标值，确定上述待调整图元与参考图元间的距离；
97.实施中，在选取待调整图元和各参考图元上的参考点时，一种可选的实施方式为，根据预先定义的参考点位置，确定为待调整图元和各参考图元上的参考点，例如，预先定义将图元的中心点作为该图元的参考点；另一种可选的实施方式为，利用边缘检测算法得到待调整图元和各参考图元的边缘轮廓，根据其边缘轮廓确定其对应的参考点，例如，将边缘轮廓图中的任一顶点作为对应图元的参考点。
98.作为一种可选的实施方式，在上述待调整图元和参考图元上分别选取一个参考点，包括：
99.利用边缘检测算法分别确定上述待调整图元及参考图元的边缘轮廓；
100.在上述待调整图元的边缘轮廓点集中选取第一点，在参考图元的边缘轮廓点集中选取第二点，使上述第一点和上述第二点间距离最近；
101.将上述第一点确定为上述待调整图元的参考点，将上述第二点确定为上述参考图元的参考点。
102.需要说明的是，在待调整图元上选取的参考点根据对应的参考图元进行选取，针对不同的参考图元，在待调整图元上选取的参考点可以相同或不同。
103.需要说明的是，如果在待调整图元的边缘轮廓点集与参考图元的边缘轮廓点集中存在多组第一点和第二点，可以实现使第一点和上述第二点间距离最近，则选取其中任一组第一点和第二点，将该第一点确定为待调整图元的参考点，将该第二点确定为参考图元的参考点。
104.如图5所示，在待调整图元的边缘轮廓点集中，针对参考图元1的第一点为图中的点b，针对参考图元1的第一点为图中的点c，则在进行待调整图元上的参考点选取时，针对参考图元1，选取点b作为待调整图元的参考点，针对参考图元2，选取点c作为待调整图元的参考点。
105.参考图6，以下对上述步骤102中吸附线的生成方法进行详细阐述：
106.作为一种可选的实施方式，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线，包括以下步骤：
107.步骤601，生成上述至少一个参考图元的最小外接矩形框；
108.步骤602，针对上述至少一个参考图元中的每个参考图元，根据预先设定的对齐方式，基于上述最小外接矩形框分别确定各对齐方式对应的辅助线；
109.步骤603，根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线。
110.实施中，上述步骤602中的与各种对齐方式对应的辅助线可能有多种，根作为一种可选的实施方式，上述辅助线包括如下至少一种：
111.与左对齐方式对应的上述最小外接矩形框的左边框所在的直线(第一辅助线)；
112.与右对齐方式对应的上述最小外接矩形框的右边框所在的直线(第二辅助线)；
113.与上对齐方式对应的上述最小外接矩形框的上边框所在的直线(第三辅助线)；
114.与下对齐方式对应的上述最小外接矩形框的下边框所在的直线(第四辅助线)；
115.与横向居中对齐方式对应的上述最小外接矩形框的中心点所在的横向中线(第五辅助线)；
116.与纵向居中对齐方式对应的上述最小外接矩形框的中心点所在的纵向中线(第六辅助线)。
117.这六种辅助线可以辅助实现待调整图元与参考图元之间的左对齐、右对齐、上对齐、下对齐、居中对齐的效果，在实际应用中，可以根据实际需要增加或减少辅助线的种类。
118.作为一种可选的实施方式，上述步骤603中根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线，包括：
119.针对上述至少一个参考图元中的每个参考图元的每种对齐方式，确定上述待调整图元中与对齐方式对应的辅助线距离最短的测量点，并计算上述测量点与对齐方式对应的辅助线的距离；
120.针对上述至少一个参考图元中的每个参考图元，将上述距离中最短距离对应的对齐方式确定为最接近的对齐方式，并预测上述最接近的对齐方式对应的辅助线为吸附线。
121.本发明实施例中，若与最短距离对应的对齐方式为左对齐方式，则将与左对齐方式对应的最小外接矩形框的左边框所在的第一辅助线，确定为吸附线；若与最短距离对应的对齐方式为上对齐方式，则将与上对齐方式对应的最小外接矩形框的上边框所在的第三辅助线，确定为吸附线，与最短距离对应的对齐方式为其他的对齐方式时，吸附线的确定方法与之类似，此处不再赘述。
122.如图7所示，本技术实施例提供一种图元对齐过程中吸附线的示意图，在图7所示的图形编辑页面中，包括待调整图元、参考图元1及参考图元2，以待调整图元在移动过程中的三个位置为例，位置1为待调整图元的初始位置，当待调整图元移动到位置2时，待调整图元与参考图元1之间的距离缩小至第一阈值，且根据不同对齐方式对应的待调整图元中测量点与参考图元1中辅助线的距离确定，与最短距离对应的对齐方式为左对齐方式时，将参考图元对应的第一辅助线作为吸附线，在参考图元1上生成如图所示的吸附线1；
123.当上述待调图元移动到位置3时，待调整图元与参考图元1之间的距离缩小至第一阈值，且根据不同对齐方式对应的待调整图元中测量点与参考图元1中辅助线的距离确定，与最短距离对应的对齐方式为下对齐方式时，将参考图元对应的第四辅助线作为吸附线，在参考图元1上生成如图所示的吸附线2；
124.由于在待调整图元的移动过程中，待调整图元与参考图元2之间的距离不满足上述第一阈值，因此在参考图元2上并没有生成吸附线。
125.下面结合附图对本技术实施例中图元对齐装置进行介绍。
126.图8本发明实施例提供的一种图元对齐装置的示意图，如图7所示，该装置包括：
127.计算模块801，用于监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
128.生成模块802，用于监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
129.定位模块803，用于监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
130.调整模块804，用于调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
131.可选的，上述计算模块801用于分别计算上述待调整图元与位于同一页面的各参
考图元间的距离，包括：
132.以上述页面中任一点为坐标原点建立坐标系；
133.针对上述各参考图元中的每个参考图元，在上述待调整图元和参考图元上分别选取一个参考点，根据上述待调整图元的参考点的坐标值与参考图元的参考点的坐标值，确定上述待调整图元与参考图元间的距离。
134.可选的，上述计算模块801用于在上述待调整图元和参考图元上分别选取一个参考点，包括：
135.利用边缘检测算法分别确定上述待调整图元及参考图元的边缘轮廓；
136.在上述待调整图元的边缘轮廓点集中选取第一点，在上述参考图元的边缘轮廓点集中选取第二点，使上述第一点和上述第二点间距离最近；
137.将上述第一点确定为上述待调整图元的参考点，将上述第二点确定为上述参考图元的参考点。
138.可选的，可选的，上述生成模块802用于分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线，包括：
139.生成上述至少一个参考图元的最小外接矩形框；
140.针对上述至少一个参考图元中的每个参考图元，根据预先设定的对齐方式，基于上述最小外接矩形框分别确定不同对齐方式分别对应的辅助线；
141.根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线。
142.可选的，上述辅助线包括如下至少一种：
143.与左对齐方式对应的上述最小外接矩形框的左边框所在的直线；
144.与右对齐方式对应的上述最小外接矩形框的右边框所在的直线；
145.与上对齐方式对应的上述最小外接矩形框的上边框所在的直线；
146.与下对齐方式对应的上述最小外接矩形框的下边框所在的直线；
147.与横向居中对齐方式对应的上述最小外接矩形框的中心点所在的横向中线；
148.与纵向居中对齐方式对应的上述最小外接矩形框的中心点所在的纵向中线。
149.可选的，上述生成模块802用于根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线，包括：
150.针对上述至少一个参考图元中的每个参考图元的每种对齐方式，确定上述待调整图元中与对齐方式对应的辅助线距离最短的测量点，并计算上述测量点与对齐方式对应的辅助线的距离；
151.将上述距离中最短距离对应的对齐方式确定为最接近的对齐方式，并预测上述最接近的对齐方式对应的辅助线为吸附线。
152.可选的，上述生成模块802用于调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠后，还用于：
153.监测到对待调整图元进行移动的指令，确定上述待调整图元的移动速度和/或位移量；
154.判定上述移动速度大于预设速度阈值时，按照上述移动速度对上述待调整图元的位置进行调整，和/或，判定上述位移量大于预设位移量阈值时，按照上述位移量对上述待
调整图元的位置进行调整；
155.否则，判定上述对待调整图元进行移动的指令为无效指令。
156.基于上述相同申请构思，本发明实施例还提供一种图元对齐设备，下面结合附图对本发明实施例中图元对齐设备进行介绍。
157.所属技术领域的技术人员能够理解，本技术的各个方面可以实现为系统、方法或程序产品。因此，本技术的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。
158.在一些可能的实施方式中，根据本技术的设备可以至少包括至少一个处理器、以及至少一个存储器。其中，存储器存储有程序代码，当程序代码被处理器执行时，使得处理器执行本说明书上述描述的根据本技术各种示例性实施方式的图元对齐方法中的步骤。
159.下面参考图9来描述根据本技术的这种实施方式的设备900。图9显示的设备900仅仅是一个示例，不应对本技术实施例的功能和使用范围带来任何限制。
160.如图9所示，设备900以通用设备的形式表现。设备900的组件可以包括但不限于：上述至少一个处理器901、上述至少一个存储器902、连接不同系统组件(包括存储器902和处理器901)的总线903，其中，存储器存储有程序代码，当程序代码被处理器执行时，使得处理器执行以下步骤：
161.监测到待调整图元发生位移，分别计算上述待调整图元与位于同一页面的各参考图元间的距离；
162.监测到与上述待调整图元距离小于第一阈值的至少一个参考图元时，分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线；
163.监测到与上述待调整图元距离小于第二阈值的目标参考图元时，根据上述目标参考图元的吸附线对应的对齐方式，定位上述待调整图元中的对准位置；
164.调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠。
165.总线903表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器、外围总线、处理器或者使用多种总线结构中的任意总线结构的局域总线。
166.存储器902可以包括易失性存储器形式的可读介质，例如随机存取存储器(ram)9021和/或高速缓存存储器9022，还可以进一步包括只读存储器(rom)9023。
167.存储器902还可以包括具有一组(至少一个)程序模块9024的程序/实用工具9025，这样的程序模块9024包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
168.设备900也可以与一个或多个外部设备904(例如键盘、指向设备等)通信，还可与一个或者多个使得用户能与设备900交互的设备通信，和/或与使得该设备900能与一个或多个其它设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口905进行。并且，设备900还可以通过网络适配器906与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器906通过总线903与用于设备900的其它模块通信。应当理解，尽管图中未示出，可以结合设备900使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、
外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
169.可选的，上述处理器用于分别计算上述待调整图元与位于同一页面的各参考图元间的距离，包括：
170.以上述页面中任一点为坐标原点建立坐标系；
171.针对上述各参考图元中的每个参考图元，在上述待调整图元和参考图元上分别选取一个参考点，根据上述待调整图元的参考点的坐标值与参考图元的参考点的坐标值，确定上述待调整图元与参考图元间的距离。
172.可选的，上述处理器用于在上述待调整图元和参考图元上分别选取一个参考点，包括：
173.利用边缘检测算法分别确定上述待调整图元及参考图元的边缘轮廓；
174.在上述待调整图元的边缘轮廓点集中选取第一点，在上述参考图元的边缘轮廓点集中选取第二点，使上述第一点和上述第二点间距离最近；
175.将上述第一点确定为上述待调整图元的参考点，将上述第二点确定为上述参考图元的参考点。
176.可选的，上述处理器用于分别预测与上述至少一个参考图元的对齐方式，并生成与对齐方式对应的吸附线，包括：
177.生成上述至少一个参考图元的最小外接矩形框；
178.针对上述至少一个参考图元中的每个参考图元，根据预先设定的对齐方式，基于上述最小外接矩形框分别确定不同对齐方式分别对应的辅助线；
179.根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线。
180.可选的，上述辅助线包括如下至少一种：
181.与左对齐方式对应的上述最小外接矩形框的左边框所在的直线；
182.与右对齐方式对应的上述最小外接矩形框的右边框所在的直线；
183.与上对齐方式对应的上述最小外接矩形框的上边框所在的直线；
184.与下对齐方式对应的上述最小外接矩形框的下边框所在的直线；
185.与横向居中对齐方式对应的上述最小外接矩形框的中心点所在的横向中线；
186.与纵向居中对齐方式对应的上述最小外接矩形框的中心点所在的纵向中线。
187.可选的，上述处理器用于根据待调整图元与至少一个参考图元的位置，预测最接近的对齐方式对应的辅助线为吸附线，包括：
188.针对上述至少一个参考图元中的每个参考图元的每种对齐方式，确定上述待调整图元中与对齐方式对应的辅助线距离最短的测量点，并计算上述测量点与对齐方式对应的辅助线的距离；
189.将上述距离中最短距离对应的对齐方式确定为最接近的对齐方式，并预测上述最接近的对齐方式对应的辅助线为吸附线。
190.可选的，上述处理器用于调整上述待调整图元的位置，至上述待调整图元中的对准位置与上述目标参考图元的吸附线重叠后，还包括：
191.监测到对待调整图元进行移动的指令，确定上述待调整图元的移动速度和/或位移量；
192.判定上述移动速度大于预设速度阈值时，按照上述移动速度对上述待调整图元的位置进行调整，和/或，判定上述位移量大于预设位移量阈值时，按照上述位移量对上述待调整图元的位置进行调整；
193.否则，判定上述对待调整图元进行移动的指令为无效指令。
194.在一些可能的实施方式中，本技术提供的一种图元对齐方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本技术各种示例性实施方式的一种图元对齐方法中的步骤。
195.程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
196.本技术的实施方式的用于监控的程序产品可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在设备上运行。然而，本技术的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
197.可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
198.可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。
199.可以以一种或多种程序设计语言的任意组合来编写用于执行本技术操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如java、c 等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户设备上部分在远程设备上执行、或者完全在远程设备或服务端上执行。在涉及远程设备的情形中，远程设备可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户设备，或者，可以连接到外部设备(例如利用因特网服务提供商来通过因特网连接)。
200.应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本技术的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。
201.此外，尽管在附图中以特定顺序描述了本技术方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个
步骤分解为多个步骤执行。
202.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
203.本技术是参考根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和方框图来描述的。应理解可由计算机程序指令实现流程图和方框图中的每一流程和/或方框、以及流程图和方框图中的流程和方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和方框图一个方框或多个方框中指定的功能的装置。
204.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和方框图一个方框或多个方框中指定的功能。
205.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和方框图一个方框或多个方框中指定的功能的步骤。
206.尽管已描述了本技术的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本技术范围的所有变更和修改。
207.显然，本领域的技术人员可以对本技术进行各种改动和变型而不脱离本技术的精神和范围。这样，倘若本技术的这些修改和变型属于本技术权利要求及其等同技术的范围之内，则本技术也意图包含这些改动和变型在内。