CN104574461A - 图形建模方法和装置 - Google Patents
图形建模方法和装置 Download PDFInfo
- Publication number
- CN104574461A CN104574461A CN201510015507.9A CN201510015507A CN104574461A CN 104574461 A CN104574461 A CN 104574461A CN 201510015507 A CN201510015507 A CN 201510015507A CN 104574461 A CN104574461 A CN 104574461A
- Authority
- CN
- China
- Prior art keywords
- composite component
- basic module
- graphics memory
- module
- merging
- 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
Links
Landscapes
- Processing Or Creating Images (AREA)
Abstract
发明人提供了一种图形建模方法和装置,首先获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;接着,在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。
Description
技术领域
本发明涉及图形建模领域,尤其涉及一种图形建模方法和装置。
背景技术
HTML(Hyper Text Markup Language,超文本标记语言))5规范定义了二维Canvas(画布)标签和其对应的Canvas API(Application Programming Interface,应用编程接口),CPU(Central Processing Unit,中央处理器)在执行某一使用了HTML5Canvas应用的计算机程序时,通过调用Canvas API可以在页面上添加Canvas标签,进行二维图形绘制。
基于HTML5的建模图形组件工具以Web为形式,使用Canvas API设计在建模模型中所需要的图形组件,形成灵动的、高交互性、组件化的图形模型并加以存储,以便在整个建模工程中的使用。现有的基于Web的图形组件建模工具,如MxGraph,Power Designer Web等,是基于SVG或Flash的画图原理在浏览器中进行图形成像技术,尽管可以实现图形成像和建模的目的,但仍存在着如下问题:首先,图形成像效率低,复杂的组件图形成像时容易导致网页加载延迟,Web网页响应时间过长容易使得页面出现卡死的情况;其次,在对图形进行建模时,一个复杂的图形需要分拆成很多个步骤完成,流程繁琐,费时费力,且无法将图形组合成模板;再次,每一次的图形成像都是一次绘图过程,需要从系统中调取和使用图形样本来实现完整的图形绘制,在对复杂图形组件重画时需要重新绘制,无法满足多个对象频繁重画的图形建模和图形游戏等应用场景的需要。
综上所述,如何解决图形建模过程中,图形成像效率低、复杂图形绘制流程繁琐、图形无法存储、复用率低的问题,进而提高图形建模的效率,是图形建模领域一个亟需解决的问题。
发明内容
为此,需要提供一种图形建模的技术方案,用以解决图形成像效率低、复杂图形绘制流程繁琐、图形无法存储、复用率低的问题。
为实现上述目的,发明人提供了一种图形建模方法,包括步骤:
获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;
将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;
接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。
进一步地,获取基本组件图形具体包括:
在屏幕显示区域圈划获取反射区域;
在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
获取复合组件图形具体包括:
在屏幕显示区域圈划获取反射区域;
在所述反射区域内获取多个基本组件图形及其Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。
进一步地,所述“将基本组件图形以预设合并规则合并形成复合组件图形”具体包括:
获取多个基本组件图形;
以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签;
在图形元素组件模板上进行渲染,形成复合组件图形。
进一步地,所述“将所述基本组件图形或所述复合组件图形存储于图形存储区”具体包括:
为图形存储区中存储单位建立标识性图形元素指针;
将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。
进一步地,所述“从所述图形存储区中调用相应的基本组件图形或复合组件图形”具体包括:
通过所述图形元素指针定位所述存储单位,并从所述存储单位调用所述基本组件图形或复合组件图形。
进一步地,在步骤“从所述图形存储区中调用相应的基本组件图形或复合组件图形”后还包括步骤:
保存调用记录,所述调用记录包括本次调用的图形元素指针信息。
发明人还提供了一种图形建模装置,包括图形获取单元、存储单元、图形组合单元和图形调用单元;
所述图形获取单元用于获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;
所述图形获取单元还用于将基本组件图形或所述复合组件图形存储于所述存储单元中的图形存储区;
所述图形组合单元用于将基本组件图形以预设合并规则合并形成复合组件图形;
所述图形调用单元用于接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。
进一步地,所述图形获取单元包括圈划模块、扫描模块和标签合并模块;所述图形获取单元获取基本组件图形具体包括:
圈划模块在屏幕显示区域圈划获取反射区域;
扫描模块在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
所述图形获取单元获取复合组件图形具体包括:
圈划模块在屏幕显示区域圈划获取反射区域;
扫描模块在所述反射区域内获取多个基本组件图形及其Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
标签合并模块合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。
进一步地,所述图形获取单元还包括渲染模块;
所述图形获取单元将基本组件图形以预设合并规则合并形成复合组件图形具体包括:
圈划模块和扫描模块获取多个基本组件图形;
标签合并模块以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签;
渲染模块在图形元素组件模板上进行渲染,形成复合组件图形。
进一步地,图形获取单元将基本组件图形或所述复合组件图形存储于所述存储单元中的图形存储区具体包括:
为图形存储区中存储单位建立标识性图形元素指针;
将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。
进一步地,所述图形调用单元从所述图形存储区中调用相应的基本组件图形或复合组件图形具体包括:
通过所述图形元素指针定位所述存储单位,并从所述存储单位调用所述基本组件图形或复合组件图形。
进一步地,所述图形调用单元从所述图形存储区中调用相应的基本组件图形或复合组件图形后,还用于将调用记录保存于存储单元,所述调用记录 包括本次调用的图形元素指针信息。
区别于现有技术,上述技术方案首先获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;接着,在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。此外,由于复合组件图形是以预设合并的规则加以合并,技术人员也可以根据实际需要合并形成不同的符合组件图形,极大提高了技术人员在进行图形建模时的体验,因而在图形建模领域具有广阔的前景。
附图说明
图1为本发明一实施方式所述图形建模的方法的流程图;
图2为本发明一实施方式所述获取基本组件图形的流程图;
图3为本发明一实施方式所述获取复合组件图形的流程图;
图4为本发明一实施方式所述合并形成复合组件图形的流程图;
图5为本发明一实施方式所述存储调用基本组件图形或复合组件图形的流程图;
图6为本发明一实施方式所述图形建模的装置的结构示意图。
附图标记说明:
1、图形获取单元;11、圈划模块;12、扫描模块;13、标签合并模块;14、渲染模块;
2、存储单元;
3、图形组合单元;
4、图形调用单元。
具体实施方式
为详细说明技术方案的技术内容、构造特征、所实现目的及效果,以下结合具体实施例并配合附图详予说明。
请参阅图1,本发明一实施方式所述图形建模的方法的流程图;所述方法可以对图形进行建模,具体包括下列步骤:
首先进入步骤S101获取基本组件图形或复合组件图形。所述基本组件图形或复合组件图形包括其Canvas标签。所述基本组件图形为具有单个图形元素的组件图形,所述复合组件图形为具有多个图形元素的组件图形,所述图形元素可以是一个线段,也可以是一个图形。在HTML5中,Canvas标签可以应用于绘制图形,由于其可以直接在HTML上进行图形操作,因而具有极大的应用价值。HTML5的Canvas标签使用JavaScript来绘制图形,因而每个图形都具有其对应的Canvas标签。获取了基本组件图形或复合组件图形,也就获取了基本组件图形或复合组件图形对应的Canvas标签。
而后可以进入步骤S102将所述基本组件图形或所述复合组件图形存储于图形存储区。为了提高基本组件图形或者复合组件图形的复用率,以便再次操作时可以重复使用,因而需要对这些组件图形加以存储,图形存储区可以位于具有存储功能的电子设备上,所述电子设备可以是一台上位机,如电脑,也可以是移动存储设备,如U盘、移动硬盘等。这样,当需要再次使用所存储的基本组件图形或所述复合组件,就可直接从图形存储区中提取调用即可。
在图形建模过程中,已有的基本组件图形或所述复合组件图形往往无法满足实际存储的需要。因而在步骤S101后也可以进入步骤S103将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区。将基本组件图形以预设合并规则进行合并,形成的复合组件图 形符合技术人员在实际图形建模中的需要,同时又对这些复合组件图形加以保存。例如技术人员可以先将基本组件图形合并成自己在建模过程中的经常使用的复合组件图形的模板,当需要再次使用类似的复合组件图形时,只需从图形存储区中调用该复合组件图形的模板,并在原有模板的基础上进行修改,进而形成所需要的复合组件图形。由于不需要再从零起步,利用基本组件图形重新绘制所需要的复合组件图形,因而大大提高了技术人员进行图形建模的效率。
基本组件图形或所述复合组件图形存储于图形存储区后,就可以从形存储区中调用所需的组件图形,以便进一步利用图形存储区中的素材,完成图形建模。因而在步骤S102或S103后,还可以进入步骤S104接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。图形调用指令可以有多种形式,可以直接从图形存储区中提取对应的组件图形,也可以通过指针形式调用对应的组件图形,还可以通过点击、圈划等操作触发图形调用指令。接收组件图形调用指令后,就可以根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形,技术人员进而利用所调用的相应的基本组件图形或复合组件图形完成图形建模。
上述技术方案首先获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;接着,在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。此外,由于复合组件图形是以预设合并的规则加以合并,技术人员也 可以根据实际需要合并形成不同的符合组件图形,极大提高了技术人员在进行图形建模时的体验,因而在图形建模领域具有广阔的前景。
如图2所示,在本实施方式中,获取基本组件图形具体包括:首先进入步骤S105在屏幕显示区域圈划获取反射区域。所述反射区域中包含有待获取的基本组件图形,圈划操作可以由技术人员手动触发,也可以通过具有圈划功能的软件来获取反射区域。而后进入步骤S106在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点。在HTML5中,图形的开放起点和闭合终点可以作为该图形的标识,简言之,获取了图形的开放起点和闭合终点,也就可以获取该开放起点和闭合终点对应的图形。
如图3所示,在本实施方式中,获取复合组件图形具体包括:首先进入步骤S105在屏幕显示区域圈划获取反射区域。所述反射区域中包含有待获取的多个基本组件图形,圈划操作可以由技术人员手动触发,也可以通过具有圈划功能的软件来获取反射区域。而后进入步骤S107在所述反射区域内获取多个基本组件图形及其Canvas标签。所述Canvas标签包括图形的开放起点和闭合终点。在HTML5中,图形的开放起点和闭合终点可以作为该图形的标识,简言之,获取了各个基本组件图形的开放起点和闭合终点,也就可以获取开放起点和闭合终点对应的各个基本组件图形,而后就可以对所获取的基本组件图形的Canvas标签进行合并,形成技术人员根据建模需要的复合组件图形的Canvas标签。因而可以进入步骤S108合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。这里,合并各基本组件图形的Canvas标签采用的是基于Canvas的图形成像模式,区别于SVG和Flash的图形成像模式,基于Canvas的图形成像模式可以将多个图形的Canvas标签合并为一个Canvas标签。每个基本组件图形都有其对应的Canvas标签,如果采用SVG和Flash的图形成像模式,则复合组件图形的Canvas标签将包括组成其的所有基本组件图形对应的Canvas标签总和。当需要提取该复合组件图形时,则 需要提取该复合组件图形的所有Canvas标签,不仅步骤繁琐,且过程容易出错,极大影响了图形建模的速度。而采用基于Canvas的图形成像模式,可以将多个基本组件图形的Canvas标签合并为一个新的Canvas标签,当需要调用由这些基本组件图形组合成的复合组件图形时,只需调用新的Canvas标签即可,从而提高了图形建模过程中对复合组件图形进行操作的效率。
如图4所示,在本实施方式中,所述“将基本组件图形以预设合并规则合并形成复合组件图形”具体包括:首先进入步骤S109获取多个基本组件图形。所述基本组件图形为待合并的基本组件图形,可以将这些基本组件图形以预设合并规则合并形成复合组件图形。而后可以进入步骤S110以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签。即采用基于Canvas的图形成像模式,对基本组件图形的Canvas标签进行合并,得到复合组件图形的Canvas标签。而后可以进入步骤S111在图形元素组件模板上进行渲染,形成复合组件图形。得到复合组件图形的Canvas标签后,就可以在图形元素组件模板上进行渲染,得到该Canvas标签对应的复合组件图形,所述复合组件图形即为自定义的复合组件图形。简言之,技术人员可以根据实际需要,选择不同的多个基本组件图形进行组合,最终渲染形成所需要的复合组件图形。
复合组件图形形成后,为了方便技术人员调用使用,需要将所形成的复合组件图形加以存储。如图5所示,在本实施方式中,所述“将所述基本组件图形或所述复合组件图形存储于图形存储区”具体包括:首先进入步骤S112为图形存储区中存储单位建立标识性图形元素指针。而后可以进入步骤S113将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。这样,通过调用标识性图形元素指针,就可以获知基本组件图形或所述复合组件图形在图形存储区中的存储单位对应的存储地址,进而通过存储地址提取所需要的基本组件图形或所述复合组件图形。因而可以进入步骤S114通过所述图形元素指针定位所述存储单位,并从所述存 储单位调用所述基本组件图形或复合组件图形。为了增强图形建模过程中所使用的基本组件图形或复合组件图形的复用性,因而在步骤S114后还可以进入步骤S115保存调用记录,所述调用记录包括本次调用的图形元素指针信息。这样,当需要再次使用上一次所调用过的组件图形时,可以通过查看调用记录,找出上一次调用的该组件图形对应的图形元素指针信息,进而再根据该组件图形对应的图形元素指针信息完成对该组件图形的调用,不仅增强了组件图形的复用性,也提高了图形建模的效率。
上述技术方案首先获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;接着,在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。此外,由于复合组件图形是以预设合并的规则加以合并,技术人员也可以根据实际需要合并形成不同的符合组件图形,极大提高了技术人员在进行图形建模时的体验,因而在图形建模领域具有广阔的前景。
以及发明人还提供了一种图形建模装置。请参阅图6,为本发明一实施方式所述图形建模的装置的结构示意图。所述图形建模装置包括图形获取单元1、存储单元2、图形组合单元3和图形调用单元4;
所述图形获取单元1用于获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;
所述图形获取单元1还用于将基本组件图形或所述复合组件图形存储于所述存储单元2中的图形存储区;
所述图形组合单元3用于将基本组件图形以预设合并规则合并形成复合 组件图形;
所述图形调用单元4用于接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。
在使用图形建模装置对图形进行建模时,图形获取单元1首先获取基本组件图形或复合组件图形。所述基本组件图形或复合组件图形包括其Canvas标签。所述基本组件图形为具有单个图形元素的组件图形,所述复合组件图形为具有多个图形元素的组件图形,所述图形元素可以是一个线段,也可以是一个图形。在HTML5中,Canvas标签可以应用于绘制图形,由于其可以直接在HTML上进行图形操作,因而具有极大的应用价值。HTML5的Canvas标签使用JavaScript来绘制图形,因而每个图形都具有其对应的Canvas标签。获取了基本组件图形或复合组件图形,也就获取了基本组件图形或复合组件图形对应的Canvas标签。
而后图形获取单元1将所述基本组件图形或所述复合组件图形存储于所述存储单元2的图形存储区。为了提高基本组件图形或者复合组件图形的复用率,以便再次操作时可以重复使用,因而需要对这些组件图形加以存储,图形存储区可以位于具有存储功能的电子设备上,所述电子设备可以是一台上位机,如电脑,也可以是移动存储设备,如U盘、移动硬盘等。这样,当需要再次使用所存储的基本组件图形或所述复合组件,就可直接从图形存储区中提取调用即可。
在图形建模过程中,已有的基本组件图形或所述复合组件图形往往无法满足实际存储的需要。因而图形组合单元3可以将基本组件图形以预设合并规则合并形成复合组件图形。图形获取单元1可以将所述复合组件图形存储于存储单元2的图形存储区。将基本组件图形以预设合并规则进行合并,形成的复合组件图形符合技术人员在实际图形建模中的需要,同时又对这些复合组件图形加以保存。例如技术人员可以先将基本组件图形合并成自己在建模过程中的经常使用的复合组件图形的模板,当需要再次使用类似的复合组 件图形时,只需从图形存储区中调用该复合组件图形的模板,并在原有模板的基础上进行修改,进而形成所需要的复合组件图形。由于不需要再从零起步,利用基本组件图形重新绘制所需要的复合组件图形,因而大大提高了技术人员进行图形建模的效率。
基本组件图形或所述复合组件图形存储于图形存储区后,就可以从形存储区中调用所需的组件图形,以便进一步利用图形存储区中的素材,完成图形建模。因而图形调用单元4可以接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。图形调用指令可以有多种形式,可以直接从图形存储区中提取对应的组件图形,也可以通过指针形式调用对应的组件图形,还可以通过点击、圈划等操作触发图形调用指令。图形调用单元4接收组件图形调用指令后,就可以根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形,技术人员进而利用所调用的相应的基本组件图形或复合组件图形完成图形建模。
上述技术方案首先通过图形获取单元1获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后图形获取单元1将所述基本组件图形或所述复合组件图形存储于存储单元2的图形存储区,图形组合单元3将基本组件图形以预设合并规则合并形成复合组件图形;接着,图形调用单元4在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。此外,由于复合组件图形是以预设合并的规则加以合并,技术人员也可以根据实际需要合并形成不同的符合组件图形,极大提高了技术人员在进行图形建模时的体验,因而在图形建模领域具有广阔的前景。
在本实施方式中,所述图形获取单元1包括圈划模块11、扫描模块12和标签合并模块13;所述图形获取单元获取基本组件图形具体包括:首先圈划模块11在屏幕显示区域圈划获取反射区域;。所述反射区域中包含有待获取的基本组件图形,圈划操作可以由技术人员手动触发,也可以通过具有圈划功能的软件来获取反射区域。而后扫描模块12在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点。在HTML5中,图形的开放起点和闭合终点可以作为该图形的标识,简言之,获取了图形的开放起点和闭合终点,也就可以获取该开放起点和闭合终点对应的图形。所述图形获取单元获取复合组件图形具体包括:首先圈划模块11在屏幕显示区域圈划获取反射区域。所述反射区域中包含有待获取的多个基本组件图形,圈划操作可以由技术人员手动触发,也可以通过具有圈划功能的软件来获取反射区域。而后扫描模块12在所述反射区域内获取多个基本组件图形及其Canvas标签。所述Canvas标签包括图形的开放起点和闭合终点。在HTML5中,图形的开放起点和闭合终点可以作为该图形的标识,简言之,获取了各个基本组件图形的开放起点和闭合终点,也就可以获取开放起点和闭合终点对应的各个基本组件图形,而后就可以对所获取的基本组件图形的Canvas标签进行合并,形成技术人员根据建模需要的复合组件图形的Canvas标签。标签合并模块13合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。这里,标签合并模块13合并各基本组件图形的Canvas标签采用的是基于Canvas的图形成像模式,区别于SVG和Flash的图形成像模式,基于Canvas的图形成像模式可以将多个图形的Canvas标签合并为一个Canvas标签。每个基本组件图形都有其对应的Canvas标签,如果采用SVG和Flash的图形成像模式,则复合组件图形的Canvas标签将包括组成其的所有基本组件图形对应的Canvas标签总和。当需要提取该复合组件图形时,则需要提取该复合组件图形的所有Canvas标签,不仅步骤繁琐,且过程容易出错,极大影响了图形建模的速度。而采用基于Canvas的图形成像模式,可以 将多个基本组件图形的Canvas标签合并为一个新的Canvas标签,当需要调用由这些基本组件图形组合成的复合组件图形时,只需调用新的Canvas标签即可,从而提高了图形建模过程中对复合组件图形进行操作的效率。
在本实施方式中,所述图形获取单元1还包括渲染模块14。则所述图形获取单元1将基本组件图形以预设合并规则合并形成复合组件图形具体包括:首先圈划模块11和扫描模块12获取多个基本组件图形;所述基本组件图形为待合并的基本组件图形,可以将这些基本组件图形以预设合并规则合并形成复合组件图形。而后标签合并模块13以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签。即采用基于Canvas的图形成像模式,对基本组件图形的Canvas标签进行合并,得到复合组件图形的Canvas标签。而后渲染模块14在图形元素组件模板上进行渲染,形成复合组件图形。得到复合组件图形的Canvas标签后,就可以在图形元素组件模板上进行渲染,得到该Canvas标签对应的复合组件图形,所述复合组件图形即为自定义的复合组件图形。简言之,技术人员可以根据实际需要,选择不同的多个基本组件图形进行组合,最终渲染形成所需要的复合组件图形。
复合组件图形形成后,为了方便技术人员调用使用,需要将所形成的复合组件图形加以存储。在本实施方式中,图形获取单元1将基本组件图形或所述复合组件图形存储于所述存储单元中的图形存储区具体包括:首先为图形存储区中存储单位建立标识性图形元素指针。而后将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。这样,通过调用标识性图形元素指针,就可以获知基本组件图形或所述复合组件图形在图形存储区中的存储单位对应的存储地址,进而通过存储地址提取所需要的基本组件图形或所述复合组件图形。图形调用单元4从所述图形存储区中调用相应的基本组件图形或复合组件图形具体包括:通过所述图形元素指针定位所述存储单位,并从所述存储单位调用所述基本组件图形或复合组件图形。
为了增强图形建模过程中所使用的基本组件图形或复合组件图形的复用性,在本实施方式中,所述图形调用单元4从所述图形存储区中调用相应的基本组件图形或复合组件图形后,还用于将调用记录保存于存储单元,所述调用记录包括本次调用的图形元素指针信息。这样,当需要再次使用上一次所调用过的组件图形时,可以通过查看调用记录,找出上一次调用的该组件图形对应的图形元素指针信息,进而再根据该组件图形对应的图形元素指针信息完成对该组件图形的调用,不仅增强了组件图形的复用性,也提高了图形建模的效率。
上述技术方案首先获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;而后将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;接着,在接收组件图形调用指令之后,根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。由于基本组件图形或复合组件图形存储于图形存储区,需要调用时只需从所述图形存储区调用即可,而无需再一步步进行重新绘制,从而大大提高了图形的复用率,同时也提高了图形建模的效率。此外,由于复合组件图形是以预设合并的规则加以合并,技术人员也可以根据实际需要合并形成不同的符合组件图形,极大提高了技术人员在进行图形建模时的体验,因而在图形建模领域具有广阔的前景。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括……”或“包含……” 限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的要素。此外,在本文中,“大于”、“小于”、“超过”等理解为不包括本数;“以上”、“以下”、“以内”等理解为包括本数。
本领域内的技术人员应明白,上述各实施例可提供为方法、装置、或计算机程序产品。这些实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。上述各实施例涉及的方法中的全部或部分步骤可以通过程序来指令相关的硬件来完成,所述的程序可以存储于计算机设备可读取的存储介质中,用于执行上述各实施例方法所述的全部或部分步骤。所述计算机设备,包括但不限于:个人计算机、服务器、通用计算机、专用计算机、网络设备、嵌入式设备、可编程设备、智能移动终端、智能家居设备、穿戴式智能设备、车载智能设备等;所述的存储介质,包括但不限于:RAM、ROM、磁碟、磁带、光盘、闪存、U盘、移动硬盘、存储卡、记忆棒、网络服务器存储、网络云存储等。
上述各实施例是参照根据实施例所述的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到计算机设备的处理器以产生一个机器,使得通过计算机设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机设备以特定方式工作的计算机设备可读存储器中,使得存储在该计算机设备可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机设备上,使得在计算机设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机设备上执行的指 令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已经对上述各实施例进行了描述,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改,所以以上所述仅为本发明的实施例,并非因此限制本发明的专利保护范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围之内。
Claims (12)
1.一种图形建模方法,包括步骤:
获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;
将所述基本组件图形或所述复合组件图形存储于图形存储区;或将基本组件图形以预设合并规则合并形成复合组件图形,并将所述复合组件图形存储于图形存储区;
接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。
2.如权利要求1所述的图形建模方法中,获取基本组件图形具体包括:
在屏幕显示区域圈划获取反射区域;
在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
获取复合组件图形具体包括:
在屏幕显示区域圈划获取反射区域;
在所述反射区域内获取多个基本组件图形及其Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。
3.如权利要求2所述的图形建模方法中,所述“将基本组件图形以预设合并规则合并形成复合组件图形”具体包括:
获取多个基本组件图形;
以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签;
在图形元素组件模板上进行渲染,形成复合组件图形。
4.如权利要求1或2所述的图形建模方法中,所述“将所述基本组件图形或所述复合组件图形存储于图形存储区”具体包括:
为图形存储区中存储单位建立标识性图形元素指针;
将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。
5.如权利要求4所述的图形建模方法中,所述“从所述图形存储区中调用相应的基本组件图形或复合组件图形”具体包括:
通过所述图形元素指针定位所述存储单位,并从所述存储单位调用所述基本组件图形或复合组件图形。
6.如权利要求5所述的图形建模方法中,在步骤“从所述图形存储区中调用相应的基本组件图形或复合组件图形”后还包括步骤:
保存调用记录,所述调用记录包括本次调用的图形元素指针信息。
7.一种图形建模装置,包括图形获取单元、存储单元、图形组合单元和图形调用单元;
所述图形获取单元用于获取基本组件图形或复合组件图形,所述基本组件图形或复合组件图形包括其Canvas标签;
所述图形获取单元还用于将基本组件图形或所述复合组件图形存储于所述存储单元中的图形存储区;
所述图形组合单元用于将基本组件图形以预设合并规则合并形成复合组件图形;
所述图形调用单元用于接收组件图形调用指令,并根据所述组件图形调用指令从所述图形存储区中调用相应的基本组件图形或复合组件图形。
8.如权利要求7所述的图形建模装置中,所述图形获取单元包括圈划模块、扫描模块和标签合并模块;所述图形获取单元获取基本组件图形具体包括:
圈划模块在屏幕显示区域圈划获取反射区域;
扫描模块在所述反射区域内获取基本组件图形的Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
所述图形获取单元获取复合组件图形具体包括:
圈划模块在屏幕显示区域圈划获取反射区域;
扫描模块在所述反射区域内获取多个基本组件图形及其Canvas标签,所述Canvas标签包括图形的开放起点和闭合终点;
标签合并模块合并各基本组件图形的Canvas标签得到复合组件图形的Canvas标签。
9.如权利要求8所述的图形建模装置中,所述图形获取单元还包括渲染模块;
所述图形获取单元将基本组件图形以预设合并规则合并形成复合组件图形具体包括:
圈划模块和扫描模块获取多个基本组件图形;
标签合并模块以预设合并规则合并各基本组件图形的Canvas标签,得到复合组件图形的Canvas标签;
渲染模块在图形元素组件模板上进行渲染,形成复合组件图形。
10.如权利要求7或8所述的图形建模装置中,图形获取单元将基本组件图形或所述复合组件图形存储于所述存储单元中的图形存储区具体包括:
为图形存储区中存储单位建立标识性图形元素指针;
将所述基本组件图形或所述复合组件图形存储于存储单位,并与所述图形元素指针建立映射关系。
11.如权利要求10所述的图形建模装置中,所述图形调用单元从所述图形存储区中调用相应的基本组件图形或复合组件图形具体包括:
通过所述图形元素指针定位所述存储单位,并从所述存储单位调用所述基本组件图形或复合组件图形。
12.如权利要求11所述的图形建模装置中,所述图形调用单元从所述图形存储区中调用相应的基本组件图形或复合组件图形后,还用于将调用记录保存于存储单元,所述调用记录包括本次调用的图形元素指针信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510015507.9A CN104574461A (zh) | 2015-01-13 | 2015-01-13 | 图形建模方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510015507.9A CN104574461A (zh) | 2015-01-13 | 2015-01-13 | 图形建模方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104574461A true CN104574461A (zh) | 2015-04-29 |
Family
ID=53090427
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510015507.9A Pending CN104574461A (zh) | 2015-01-13 | 2015-01-13 | 图形建模方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104574461A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106488298A (zh) * | 2016-11-14 | 2017-03-08 | 青岛海信电器股份有限公司 | 一种在ui中图像绘制的方法及装置和电视 |
CN106648495A (zh) * | 2016-10-26 | 2017-05-10 | 合肥润客软件科技有限公司 | 一种基于嵌入式操作系统的图形解码方法 |
CN107193308A (zh) * | 2017-05-25 | 2017-09-22 | 云南电网有限责任公司电力科学研究院 | 一种试验系统中气候罐的控制方法 |
CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
CN107438194A (zh) * | 2017-08-09 | 2017-12-05 | 青岛海信电器股份有限公司 | 一种智能电视ui对象绘制方法及智能电视 |
CN114416194A (zh) * | 2021-12-17 | 2022-04-29 | 卓米私人有限公司 | 基于ImageView聚合功能组件的图片加载方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6014138A (en) * | 1994-01-21 | 2000-01-11 | Inprise Corporation | Development system with methods for improved visual programming with hierarchical object explorer |
CN101196818A (zh) * | 2006-12-08 | 2008-06-11 | 上海全景数字技术有限公司 | 快速图形化开发系统 |
CN101593223A (zh) * | 2008-05-28 | 2009-12-02 | 北京数码大方科技有限公司 | 用于cad的图库管理方法 |
CN103902294A (zh) * | 2014-04-01 | 2014-07-02 | 广东威创视讯科技股份有限公司 | 一种浏览器图像显示方法及终端 |
-
2015
- 2015-01-13 CN CN201510015507.9A patent/CN104574461A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6014138A (en) * | 1994-01-21 | 2000-01-11 | Inprise Corporation | Development system with methods for improved visual programming with hierarchical object explorer |
CN101196818A (zh) * | 2006-12-08 | 2008-06-11 | 上海全景数字技术有限公司 | 快速图形化开发系统 |
CN101593223A (zh) * | 2008-05-28 | 2009-12-02 | 北京数码大方科技有限公司 | 用于cad的图库管理方法 |
CN103902294A (zh) * | 2014-04-01 | 2014-07-02 | 广东威创视讯科技股份有限公司 | 一种浏览器图像显示方法及终端 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106648495A (zh) * | 2016-10-26 | 2017-05-10 | 合肥润客软件科技有限公司 | 一种基于嵌入式操作系统的图形解码方法 |
CN106488298A (zh) * | 2016-11-14 | 2017-03-08 | 青岛海信电器股份有限公司 | 一种在ui中图像绘制的方法及装置和电视 |
CN106488298B (zh) * | 2016-11-14 | 2020-01-10 | 青岛海信电器股份有限公司 | 一种在ui中图像绘制的方法及装置和电视 |
CN107193308A (zh) * | 2017-05-25 | 2017-09-22 | 云南电网有限责任公司电力科学研究院 | 一种试验系统中气候罐的控制方法 |
CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
CN107438194A (zh) * | 2017-08-09 | 2017-12-05 | 青岛海信电器股份有限公司 | 一种智能电视ui对象绘制方法及智能电视 |
CN114416194A (zh) * | 2021-12-17 | 2022-04-29 | 卓米私人有限公司 | 基于ImageView聚合功能组件的图片加载方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104574461A (zh) | 图形建模方法和装置 | |
CN107291476B (zh) | Canvas代码生成方法、装置、电子设备及存储介质 | |
CN106886586B (zh) | 一种基于开源项目的互联网地图应用开发平台 | |
CN104850388A (zh) | 网页绘制方法及装置 | |
CN107273543B (zh) | 一种dgn数据格式的转换方法 | |
CN104572783A (zh) | 网页点击情况的展示方法及装置 | |
CN105096368A (zh) | 三维对象处理方法和相关装置 | |
CN109145359B (zh) | 一种基于bim系统和cad软件的钢结构备料方法 | |
CN117057318A (zh) | 领域模型生成方法、装置、设备以及存储介质 | |
CN104102704A (zh) | 系统控件展示方法和装置 | |
CN107885840A (zh) | 城市信息模型服务方法及系统 | |
CN112396681A (zh) | 一种动画生成方法、装置和存储介质 | |
CN116433838A (zh) | 一种三维树木符号动态生成方法、装置、终端及介质 | |
CN106569816B (zh) | 一种渲染方法及装置 | |
CN105843826A (zh) | 一种查找方法和装置 | |
CN106126056A (zh) | 一种基于PowerPoint的幻灯片自动创建方法及装置 | |
CN107193913A (zh) | 动画素材的搜索方法及系统 | |
CN109741417B (zh) | 一种图形文件的生成方法、装置、计算设备及存储介质 | |
CN113468050A (zh) | 基于画布的测试方法、装置、计算机设备及存储介质 | |
CN105701127A (zh) | 网页页面的截图处理方法及装置 | |
CN104978374A (zh) | 一种在应用程序中插入图标的方法及装置 | |
CN109284489A (zh) | 核电厂Word文件向基于模板的HTML文件的转换方法及装置 | |
CN107506299A (zh) | 一种代码分析方法及终端设备 | |
CN110879722B (zh) | 生成逻辑示意图的方法及装置、计算机可存储介质 | |
CN114494654A (zh) | 问题语义图的标签定位方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150429 |