一种残膜回收机防缠绕挑膜装置的制 一种秧草收获机用电力驱动行走机构

一种画布中图形的定位方法、装置、电子设备及存储介质与流程

2022-04-06 17:30:44 来源:中国专利 TAG:


1.本技术涉及图形处理技术领域,具体而言,涉及一种画布中图形的定位方法、装置、电子设备及计算机可读存储介质。


背景技术:

2.由于生产力需求的不断增长,对于低代码开发平台的认识和使用也越来越多,也促使了低代码开发技术和平台的发展,低代码开发技术在很多领域都得到了应用。低代码开发平台提供交互式的工具,无需编码或者以少量的编码就可以生成应用,既降低了开发应用的门槛,也提高了开发应用的效率。
3.现阶段常见的低代码开发平台有流程设计器,常用的流程设计器有桌面client模式和web模式两种,但是使用性能无法达到要求,尤其是web模式的画布设计器,经常调整一个画布需要投入大量的人力,甚至比不上前后端直接编写代码开发的快,失去了低代码的意义。


技术实现要素:

4.本技术实施例的目的在于提供一种画布中图形的定位方法、装置、电子设备及计算机可读存储介质,减少图形的定位过程中耗费的繁琐操作,进一步减少了人力资源的浪费,使得图形的定位、调整更加简便,效率更高。
5.第一方面,本技术实施例提供了一种画布中图形的定位方法,所述方法包括:
6.监听所述画布区域所产生的点击事件,获得点击事件对应的图形的初始位置和当前位置;
7.根据所述当前位置获得所述图形的容差值;
8.获取目标位置和容差范围;
9.根据所述容差范围和所述容差值,将所述图形移动至所述目标位置或者所述初始位置。
10.在上述实现过程中,对图形的容差值进行比较,选择合适的位置将图形移动,减少图形的定位过程中耗费的繁琐操作,进一步减少了人力资源的浪费,使得图形的定位、调整更加简便,效率更高。
11.进一步地,所述获取目标位置和容差范围的步骤,包括:
12.获取目标位置和所述图形的id;
13.根据所述目标位置和所述id获得所述容差范围。
14.在上述实现过程中,将目标位置和容差范围锁定,使得图形的定位更加准确,减小定位过程中可能出现的误差,同时对容差范围进行控制也可以使得操作更加方便。
15.进一步地,所述根据所述容差范围和所述容差值,将所述图形移动至所述目标位置或者所述初始位置的步骤,包括:
16.判断所述容差值是否在所述容差范围内;
17.若是,将所述图形移动至所述目标位置;
18.若否,将所述图形移动至所述初始位置。
19.在上述实现过程中,根据容差值和容差范围移动图形,保证图形可以准确移动至相应的位置,减少移动过程中造成的误差,保证图形的移动的准确性。
20.进一步地,所述将所述图形移动至所述目标位置的步骤,包括:
21.获取所述图形的类型;
22.若所述图形的类型为连接线,将所述连接线的形心移动至所述目标位置;
23.若所述图形的类型为线性图形,将所述线性图形移动至所述目标位置。
24.在上述实现过程中,将连接线和线性图形进行区分,用不同的方式对连接线和线性图形进行定位,避免因图形差异而造成误差,使得连接线和线性图形的都可以移动到更加准确的位置。
25.进一步地,所述将所述线性图形移动至所述目标位置的步骤,包括:
26.获取所述线性图形的多个边界容差值;
27.获取所述多个边界容差值中的最小边界容差值;
28.将所述最小边界容差值对应的边界的中心点移动至所述目标位置。
29.在上述实现过程中,将线性图形的多个边界容差值分别进行比较,确定更接近的边界容差值,使得线性图形的定位更加准确,减少图形的差异造成的误差,同时也使得移动操作更加简便。
30.进一步地,所述将所述连接线的形心移动至所述目标位置的步骤之后,还包括:
31.获取所述连接线所在当前位置对应的形心x轴坐标值和形心y轴坐标值;
32.根据所述形心x轴坐标值和所述形心y轴坐标值获得标尺数据。
33.在上述实现过程中,标尺数据可以更加方便地对连接线进行定位,使得连接线的移动更加准确,减少移动过程中的失误和繁琐过程,使得连接线的定位更加准确。
34.进一步地,所述根据所述形心x轴坐标和所述形心y轴坐标获得标尺数据的步骤,包括:
35.获取画布中除所述连接线之外的多个节点的位置;
36.遍历所述多个节点的位置对应的x轴坐标值和y轴坐标值;
37.若所述形心x轴坐标值等于多个所述x轴坐标值中的任意一个,获得x轴标尺;
38.若所述形心y轴坐标值等于多个所述y轴坐标值中的任意一个,获得y轴标尺。
39.在上述实现过程中,获取x轴标尺和y轴标尺可以使得连接线的定位更加准确,且可以减少定位过程中的繁琐操作,使得定位更加简单,避免连接线定位过程中出现的微小误差。
40.第二方面,本技术实施例还提供了一种画布中图形的定位装置,所述装置包括:
41.监听模块,用于监听所述画布区域所产生的点击事件,获得点击事件对应的图形的初始位置和当前位置;
42.获取模块,用于根据所述当前位置获得所述图形的容差值;还用于获取目标位置和容差范围;
43.定位模块,用于根据所述容差范围和所述容差值,将所述图形移动至所述目标位置或者所述初始位置。
44.在上述实现过程中,通过对图形的容差值进行比较,选择合适的位置将图形移动的方法,减少图形的定位过程中耗费的繁琐操作,进一步减少了人力资源的浪费,使得图形的定位、调整更加简便,效率更高。
45.第三方面,本技术实施例提供的一种电子设备,包括:存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如第一方面任一项所述的方法的步骤。
46.第四方面,本技术实施例提供的一种计算机可读存储介质,所述存储介质上存储有指令,当所述指令在计算机上运行时,使得所述计算机执行如第一方面任一项所述的方法。
47.第五方面,本技术实施例提供的一种计算机程序产品,所述计算机程序产品在计算机上运行时,使得计算机执行如第一方面任一项所述的方法。
48.本公开的其他特征和优点将在随后的说明书中阐述,或者,部分特征和优点可以从说明书推知或毫无疑义地确定,或者通过实施本公开的上述技术即可得知。
49.并可依照说明书的内容予以实施,以下以本技术的较佳实施例并配合附图详细说明如后。
附图说明
50.为了更清楚地说明本技术实施例的技术方案,下面将对本技术实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本技术的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
51.图1为本技术实施例提供的画布中图形的定位方法的流程示意图;
52.图2为本技术实施例提供的画布中图形的定位装置的结构组成示意图;
53.图3为本技术实施例提供的电子设备的结构组成示意图。
具体实施方式
54.下面将结合本技术实施例中的附图,对本技术实施例中的技术方案进行描述。
55.应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本技术的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
56.下面结合附图和实施例,对本技术的具体实施方式作进一步详细描述。以下实施例用于说明本技术,但不用来限制本技术的范围。
57.实施例一
58.图1是本技术实施例提供的画布中图形的定位方法的流程示意图,如图1所示,该方法包括:
59.s1,监听画布区域所产生的点击事件,获得点击事件对应的图形的初始位置和当前位置;
60.s2,根据当前位置获得图形的容差值;
61.s3,获取目标位置和容差范围;
62.s4,根据容差范围和容差值,将图形移动至目标位置或者初始位置。
63.在上述实现过程中,通过对图形的容差值进行比较,选择合适的位置将图形移动的方法,减少图形的定位过程中耗费的繁琐操作,进一步减少了人力资源的浪费,使得图形的定位、调整更加简便,效率更高。
64.在s1中,利用画布自定义的addeventlister方法(用于向指定元素添加事件句柄)去监听连接线的点击事件,定并义linelayermixin类,并添加handleclick事件(确定连接线的目标指向的el.closest(目标元素)),使得图形继承事件。
65.容差值即容差,指的是画布在选取图形时,选取颜色时所设置的选取的像素值,容差越大,选取的范围也越大,其数值的取值范围是在0-255之间。
66.进一步地,s3包括:
67.获取目标位置和图形的id;
68.根据目标位置和id获得容差范围。
69.可选地,获取所有的图形的id,并选取目标位置及其一定范围内的图形的id,获取这些图形的容差值所在的范围,即获得容差范围。
70.在上述实现过程中,将目标位置和容差范围锁定,使得图形的定位更加准确,减小定位过程中可能出现的误差,同时对容差范围进行控制也可以使得操作更加方便。
71.进一步地,s4包括:
72.判断容差值是否在容差范围内;
73.若是,将图形移动至目标位置;
74.若否,将图形移动至初始位置。
75.进一步地,移动图形至目标位置的步骤,包括:
76.获取图形的类型;
77.若图形的类型为连接线,将连接线的形心移动至目标位置;
78.若图形的类型为线性图形,将线性图形移动至目标位置。
79.示例性地,首先确定连接线的两端的两个节点,拖动连接线的两个节点之间的箭头,判断箭头所拖动的位置是否超出特定的容差范围,来实现自动吸附,使得每两个节点之间的连接线继承事件。
80.获取线性图形的id和目标位置,拖动两节点连接线时聚集的点,实时获取箭头所在位置,并与当前位置中的当前节点位置进行判断,判断两者之间的容差值,如果在容差值之内自动回到原始目标点位置。
81.在上述实现过程中,将连接线和线性图形进行区分,用不同的方式对连接线和线性图形进行定位,避免因图形差异而造成误差,使得连接线和线性图形的都可以移动到更加准确的位置。
82.进一步地,若图形为线性图形,移动线性图形至所述目标位置的步骤,包括:
83.获取线性图形的多个边界容差值;
84.对多个边界容差值进行比较,获取多个边界容差值中的最小边界容差值;
85.将最小边界容差值对应的边界的中心点移动至目标位置。
86.在上述实现过程中,将线性图形的多个边界容差值分别进行比较,确定更接近的边界容差值,使得线性图形的定位更加准确,减少图形的差异造成的误差,同时也使得移动
操作更加简便。
87.进一步地,若图形为连接线,移动连接线的形心至目标位置的步骤之后,还包括:
88.获取连接线所在当前位置对应的形心x轴坐标值和形心y轴坐标值;
89.根据形心x轴坐标值和形心y轴坐标值获得标尺数据。
90.在上述实现过程中,标尺数据可以更加方便地对连接线进行定位,使得连接线的移动更加准确,减少移动过程中的失误和繁琐过程,使得连接线的定位更加准确。
91.进一步地,根据形心x轴坐标和形心y轴坐标获得标尺数据的步骤,包括:
92.获取画布中除连接线之外的多个节点的位置;
93.遍历多个节点的位置对应的x轴坐标值和y轴坐标值;
94.若形心x轴坐标值等于多个x轴坐标值中的任意一个,获得x轴标尺;
95.若形心y轴坐标值等于多个y轴坐标值中的任意一个,获得y轴标尺。
96.在上述实现过程中,获取x轴标尺和y轴标尺可以使得连接线的定位更加准确,且可以减少定位过程中的繁琐操作,使得定位更加简单。
97.进一步地,根据形心x轴坐标和形心y轴坐标获得标尺数据的步骤,还包括:
98.若形心x轴坐标值等于任意一个多个x轴坐标值的同时形心y轴坐标值等于任意一个多个y轴坐标值,同时获得x轴标尺和y轴标尺。
99.在上述实现过程中,同时获得x轴标尺和y轴标尺使得连接线在x轴和y轴方向的定位更加准确,避免连接线定位过程中出现的微小误差,同时使得操作过程更加简单。
100.实施例二
101.为了执行上述实施例一对应的方法,以实现相应的功能和技术效果,下面提供一种画布中图形的定位装置,如图2所示,该装置包括:
102.监听模块1,用于监听画布区域所产生的点击事件,获得点击事件对应的图形的初始位置和当前位置;
103.获取模块2,用于根据当前位置获得图形的容差值;还用于获取目标位置和容差范围;
104.定位模块3,用于根据容差范围和容差值,将图形移动至目标位置或者初始位置。
105.在上述实现过程中,通过对图形的容差值进行比较,选择合适的位置将图形移动的方法,减少图形的定位过程中耗费的繁琐操作,进一步减少了人力资源的浪费,使得图形的定位、调整更加简便,效率更高。
106.进一步地,获取模块2还用于:
107.获取目标位置和图形的id;
108.根据目标位置和id获得容差范围。
109.进一步地,定位模块3还用于:
110.获取图形的类型;
111.若图形的类型为连接线,将连接线的形心移动至目标位置;
112.若图形的类型为线性图形,将线性图形移动至目标位置。
113.进一步地,定位模块3还用于:
114.获取线性图形的多个边界容差值;
115.对多个边界容差值进行比较,获取多个边界容差值中的最小边界容差值;
116.将最小边界容差值对应的边界的中心点移动至目标位置。
117.进一步地,定位模块3还用于:
118.获取连接线所在当前位置对应的形心x轴坐标值和形心y轴坐标值;
119.根据形心x轴坐标值和形心y轴坐标值获得标尺数据。
120.进一步地,定位模块3还用于:
121.获取画布中除连接线之外的多个节点的位置;
122.遍历多个节点的位置对应的x轴坐标值和y轴坐标值;
123.若形心x轴坐标值等于多个x轴坐标值中的任意一个,获得x轴标尺;
124.若形心y轴坐标值等于多个y轴坐标值中的任意一个,获得y轴标尺。
125.进一步地,定位模块3还用于:
126.判断容差值是否在容差范围内;
127.若是,将图形移动至目标位置;
128.若否,将图形移动至初始位置。
129.上述的画布中图形的定位装置可实施上述实施例一的方法。上述实施例一中的可选项也适用于本实施例,这里不再详述。
130.本技术实施例的其余内容可参照上述实施例一的内容,在本实施例中,不再进行赘述。
131.实施例三
132.本技术实施例提供一种电子设备,包括存储器及处理器,该存储器用于存储计算机程序,该处理器运行计算机程序以使电子设备执行实施例一的画布中图形的定位方法。
133.可选地,上述电子设备可以是服务器。
134.请参见图3,图3为本技术实施例提供的电子设备的结构组成示意图。该电子设备可以包括处理器31、通信接口32、存储器33和至少一个通信总线34。其中,通信总线34用于实现这些组件直接的连接通信。其中,本技术实施例中设备的通信接口32用于与其他节点设备进行信令或数据的通信。处理器31可以是一种集成电路芯片,具有信号的处理能力。
135.上述的处理器31可以是通用处理器,包括中央处理器(central processing unit,cpu)、网络处理器(network processor,np)等;还可以是数字信号处理器(dsp)、专用集成电路(asic)、现成可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本技术实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器31也可以是任何常规的处理器等。
136.存储器33可以是,但不限于,随机存取存储器(random access memory,ram),只读存储器(read only memory,rom),可编程只读存储器(programmable read-only memory,prom),可擦除只读存储器(erasable programmable read-only memory,eprom),电可擦除只读存储器(electric erasable programmable read-only memory,eeprom)等。存储器33中存储有计算机可读取指令,当计算机可读取指令由所述处理器31执行时,设备可以执行上述图1方法实施例涉及的各个步骤。
137.可选地,电子设备还可以包括存储控制器、输入输出单元。存储器33、存储控制器、处理器31、外设接口、输入输出单元各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通信总线34实现电性连接。处理器
31用于执行存储器33中存储的可执行模块,例如设备包括的软件功能模块或计算机程序。
138.输入输出单元用于提供给用户创建任务以及为该任务创建启动可选时段或预设执行时间以实现用户与服务器的交互。输入输出单元可以是,但不限于,鼠标和键盘等。
139.可以理解,图3所示的结构仅为示意,电子设备还可包括比图3中所示更多或者更少的组件,或者具有与图3所示不同的配置。图3中所示的各组件可以采用硬件、软件或其组合实现。
140.另外,本技术实施例还提供一种计算机可读存储介质,其存储有计算机程序,该计算机程序被处理器执行时实现实施例一的画布中图形的定位方法。
141.本技术实施例还提供一种计算机程序产品,该计算机程序产品在计算机上运行时,使得计算机执行方法实施例所述的方法。
142.在本技术所提供的几个实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本技术的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
143.另外,在本技术各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
144.所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、rom、ram、磁碟或者光盘等各种可以存储程序代码的介质。
145.以上所述仅为本技术的实施例而已,并不用于限制本技术的保护范围,对于本领域的技术人员来说,本技术可以有各种更改和变化。凡在本技术的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本技术的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
146.以上所述,仅为本技术的具体实施方式,但本技术的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本技术揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本技术的保护范围之内。因此,本技术的保护范围应所述以权利要求的保护范围为准。
147.需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存
在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
再多了解一些

本文用于企业家、创业者技术爱好者查询,结果仅供参考。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

相关文献