CN113052928A - 图像处理方法及图像处理系统 - Google Patents
图像处理方法及图像处理系统 Download PDFInfo
- Publication number
- CN113052928A CN113052928A CN202110252136.1A CN202110252136A CN113052928A CN 113052928 A CN113052928 A CN 113052928A CN 202110252136 A CN202110252136 A CN 202110252136A CN 113052928 A CN113052928 A CN 113052928A
- Authority
- CN
- China
- Prior art keywords
- graphic
- renderer
- graphic element
- elements
- image processing
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 34
- 238000009877 rendering Methods 0.000 claims abstract description 59
- 230000001174 ascending effect Effects 0.000 claims abstract description 14
- 238000000034 method Methods 0.000 claims description 11
- 238000010586 diagram Methods 0.000 description 5
- 238000001514 detection method Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 208000003028 Stuttering Diseases 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 230000000593 degrading effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Graphics (AREA)
- Image Generation (AREA)
Abstract
本发明涉及绘图技术领域，公开一种图像处理方法及系统。所述图像处理方法包括：按照图形元素的层叠值存储多个图形元素集合，其中，每个图形元素集合中的多个图形元素的层叠值相同，及每个图形元素集合包括属于不同图形类型的至少一个图形元素组，每个图形元素组包括多个矢量图形；为每个图形元素集合创建相应的第一渲染器；针对每个图形元素集合，采用所述相应的第一渲染器，并行对至少一个图形元素组中的每一者进行路径绘制与渲染；及按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。本发明可对同一图层上的属于同一图形类型的多个矢量图形并行路径绘制与渲染，从而可极大地提高2D绘图的渲染性能。
Description
技术领域
本发明涉及绘图技术领域，具体地涉及一种图像处理方法及图像处理系统。
背景技术
通常，在万维网(Web)页面中对二维(2D)矢量图进行绘制，但在2D矢量图数量达到一定量级(如绘图密集型web应用)后，客户端的用户机器CPU负载大幅上升，相应渲染器的渲染性能急剧下降。由此，在动画场景下出现卡顿的现象，从而使得用户体验下降。
发明内容
本发明的目的是提供一种图像处理方法及图像处理系统，其可对2D绘图进行分图层渲染，尤其是对同一图层上的属于同一图形类型的多个矢量图形并行路径绘制与渲染，从而可极大地提高2D绘图的渲染性能。
为了实现上述目的，本发明第一方面提供一种图像处理方法，所述图像处理方法包括：按照图形元素的层叠值存储多个图形元素集合，其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形；为所述每个图形元素集合创建相应的第一渲染器；针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染；以及按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述为所述每个图形元素集合创建相应的第一渲染器包括：检测绘图渲染环境；以及根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器。
优选地，所述根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器包括：在所检测的所述绘图环境支持离屏渲染器的情况下，为所述每个图形元素集合创建相应的离屏渲染器；在所检测的所述绘图环境支持位图渲染器的情况下，为所述每个图形元素集合创建相应的位图渲染器；或者在所检测的所述绘图环境不支持离屏渲染器或位图渲染器的情况下，为所述每个图形元素集合创建相应的2D画布。
优选地，所述并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染包括：针对所述每个图形元素集合，采用所述相应的第一渲染器执行以下操作：并行对所述至少一个图形元素组中的每一者进行路径绘制；以及并行对所述至少一个图形元素组中的每一者的已被绘制的路径进行渲染。
优选地，在执行所述按照图形元素的层叠值存储多个图形元素集合之前，所述图像处理方法还包括：针对所述每个图形元素集合，执行以下操作：创建所述多个图形元素中的每个图形元素；以及为所述每个图形元素配置相应的标识。
优选地，在执行所述将已被渲染的所述多个图形元素集合绘制在第二渲染器中之后，所述图像处理方法还包括：在特定图形元素集合发生更新的情况下，采用所述与所述特定图形元素集合相对应的渲染器，并行对所述特定图形元素集合中的至少一个图形元素组中的每一者进行路径绘制与渲染；以及清除所述第二渲染器中已绘制的所述多个图形元素集合，并按照所述图形元素的层叠值升序的方式，并将已被渲染的更新后的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述图像处理方法还包括：在特定图形元素集合中的图形元素的数量发生变化的情况下，确定所述特定图形元素集合发生更新。
优选地，所述图像处理方法还包括：在所述每个图形元素集合中的所述图形元素的数量均未发生变化而特定图形元素的属性发生变化的情况下，通过所述特定图形元素的标识确定该特定图形元素所处的特定图形元素集合，并确定该特定图形元素集合发生更新。
优选地，所述每个图形元素集合还包括未被划分到所述至少一个图形元素组中的预设图形元素，相应地，在执行所述将已被渲染的所述多个图形元素集合绘制在第二渲染器中之前，所述图像处理方法还包括：针对所述每个图形元素集合，采用所述相应的第一渲染器，对所述预设图形元素分别进行路径绘制与渲染。
优选地，所述预设图形元素包括位图图像和/或图形文本。
优选地，所述图形类型包括多边形、圆形、椭圆形、直线及曲线。
通过上述技术方案，本发明创造性地首先按照图形元素的层叠值存储多个图形元素集合，然后为每个图形元素集合创建相应的第一渲染器，接着采用所述相应的第一渲染器并行对每个图形元素集合中的属于同一图形类型的图形元素组中的所有矢量图形进行录路径绘制与渲染，最后按照层叠值升序的方式将已被渲染的多个图形元素集合绘制在第二渲染器中，由此，可对2D绘图进行分图层渲染，尤其是对同一图层上的属于同一图形类型的多个矢量图形并行路径绘制与渲染，从而可极大地提高2D绘图的渲染性能。
本发明第二方面提供一种图像处理系统，所述图像处理系统包括：存储装置，用于按照图形元素的层叠值存储多个图形元素集合，其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形；第一创建装置，用于为所述每个图形元素集合创建相应的第一渲染器；第一处理装置，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染；以及第一绘制装置，用于按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述第一创建装置包括：检测模块，用于检测绘图渲染环境；以及创建模块，用于根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器。
优选地，所述创建模块用于为所述每个图形元素集合创建相应的第一渲染器包括：在所检测的所述绘图环境支持离屏渲染器的情况下，为所述每个图形元素集合创建相应的离屏渲染器；在所检测的所述绘图环境支持位图渲染器的情况下，为所述每个图形元素集合创建相应的位图渲染器；或者在所检测的所述绘图环境不支持离屏渲染器或位图渲染器的情况下，为所述每个图形元素集合创建相应的2D画布。
优选地，所述第一处理装置包括：第一处理模块，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制；以及第二处理模块，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者的已被绘制的路径进行渲染。
优选地，所述图像处理系统还包括：第二创建装置，用于针对所述每个图形元素集合，创建所述多个图形元素中的每个图形元素；以及配置装置，用于针对所述每个图形元素集合，为所述每个图形元素配置相应的标识。
优选地，所述图像处理系统还包括：第二处理装置，用于在特定图形元素集合发生更新的情况下，采用所述与所述特定图形元素集合相对应的渲染器，并行对所述特定图形元素集合中的至少一个图形元素组中的每一者进行路径绘制与渲染；以及第二绘制装置，用于清除所述第二渲染器中已绘制的所述多个图形元素集合，并按照所述图形元素的层叠值升序的方式，并将已被渲染的更新后的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述图像处理系统还包括：确定模块，用于在特定图形元素集合中的图形元素的数量发生变化的情况下，确定所述特定图形元素集合发生更新。
优选地，所述确定模块还用于，在所述每个图形元素集合中的所述图形元素的数量均未发生变化而特定图形元素的属性发生变化的情况下，通过所述特定图形元素的标识确定该特定图形元素所处的特定图形元素集合，并确定该特定图形元素集合发生更新。
优选地，所述每个图形元素集合还包括未被划分到所述至少一个图形元素组中的预设图形元素，相应地，所述图像处理系统还包括：第三处理装置，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，对所述预设图形元素分别进行路径绘制与渲染。
优选地，所述预设图形元素包括位图图像和/或图形文本。
优选地，所述图形类型包括多边形、圆形、椭圆形、直线及曲线。
有关本发明提供的图像处理系统的具体细节及益处可参阅上述针对图像处理方法的描述，于此不再赘述。
本发明第三方面还提供一种机器可读存储介质，所述机器可读存储介质上存储有指令，该指令用于使得机器执行上述的图像处理方法。
本发明第四方面还提供一种电子设备，所述电子设备包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述的图像处理方法。
本发明的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本发明实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本发明实施例，但并不构成对本发明实施例的限制。在附图中：
图1是本发明一实施例提供的图像处理方法的流程图；
图2是本发明一实施例提供的2D绘图数据结构的示意图；以及
图3是本发明一实施例提供的图像处理系统的结构图。
具体实施方式
以下结合附图对本发明的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明，并不用于限制本发明。
在介绍本发明的具体实施方式之前，先简单介绍下本发明各个实施方式的主要设计思路。本发明各个实施例是以一套树形的绘图数据结构(如图2所示)为基础进行绘图数据存储和调用。该套树形的绘图数据结构以绘图总线为根节点，具有不同层叠值(即不同图层)的图形数据自上而下依次排开。其中，具有同一层叠值的图形数据(下文可称为图形元素集合)又可按照图形类型进行二次分组，从而得到二次分组后的图形数据(下文可称为图形元素组)。具体地，每个图形数据中挂载路径绘制和渲染方法：路径绘制为在渲染器上下文中对图形路径进行描述，而不进行样式设置、描边与填充；而渲染方法则是针对已绘制的路径，先设置样式后进行描边和填充。对于二次分组后的图形数据(下文可称为图形元素组)，可采用渲染器并行对其进行路径绘制与渲染处理。
图1是本发明一实施例提供的图像处理方法的流程图。如图1所示，所述图像处理方法可包括以下步骤S101-S104。
在执行步骤S101之前，所述图像处理方法还可包括：创建多个图形元素；以及为所述多个图形元素中的每个图形元素配置相应的标识。具体地，首先创建多个图形元素(该多个图形元素可包括矢量图形、位图图像和/或图形文本)，然后对每个图形赋予全局唯一的标识(例如，ID)。
步骤S101，按照图形元素的层叠值存储多个图形元素集合。
其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形。
其中，所述图形类型可包括多边形(例如，矩形等)、圆形、椭圆形、直线及曲线。
具体地，首先，将所有图形元素按层叠顺序(z值)升序排序，并将同z值的图形元素储存在相应的图形元素集合(即层叠集)中；然后，将每个层叠集中的图形元素按不同的图形类型(如矩形/椭圆形/直线等)再分类，并分别存入图形元素组中。例如，层叠集1中的图形元素可分别被划分到图形元素组1(例如，矩形元素组)与图形元素组2(例如，椭圆形元素组)中；而层叠集2中的图形元素可被划分到图形元素组3中(例如，直线元素组)，如图2所示。
步骤S102，为所述每个图形元素集合创建相应的第一渲染器。
对于步骤S102，所述为所述每个图形元素集合创建相应的第一渲染器包括：检测绘图渲染环境；以及根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器。
其中，所述根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器可包括：在所检测的所述绘图环境支持离屏渲染器的情况下，为所述每个图形元素集合创建相应的离屏渲染器；在所检测的所述绘图环境支持位图渲染器的情况下，为所述每个图形元素集合创建相应的位图渲染器；或者在所检测的所述绘图环境不支持离屏渲染器或位图渲染器的情况下，为所述每个图形元素集合创建相应的2D画布。
具体地，为每个层叠集(所有z相同的图形元素共享一个集合)创建(或复用)一个渲染器(Canvas2D)。具体而言，检测web网页环境是否支持离屏渲染器(OffscreenCanvas)。如果支持离屏渲染器，则为每个层叠集配置一个离屏渲染器：将离屏渲染器句柄传入Web Worker中，并让后续步骤(不同图形元素集合(即不同图层)的路径绘制与渲染步骤)放入子线程执行，由此可并行对不同图层的图形元素执行路径绘制与渲染的过程，其相当于降低了渲染指令总量，从而可优化渲染性能。如果不支持离屏渲染器，检测环境是否支持位图渲染器(BitmapCanvas)。如果支持位图渲染器，则为每个层叠集配置一个位图渲染器，从而可通过该位图渲染器对每个层叠集中的图形元素进行路径绘制与渲染，并通过该位图渲染器对渲染结果进行合成，由此，与普通的2D画布(Canvas2D)相比，位图渲染器的合成速度更快，从而提高渲染效率。如果不支持离屏渲染器与位图渲染器，则为每个层叠集配置一个普通的Canvas2D，从而可通过Canvas2D对每个层叠集中的图形元素进行路径绘制与渲染。
步骤S103，针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染。
对于步骤S103，所述并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染包括：针对所述每个图形元素集合，采用所述相应的第一渲染器执行以下操作：并行对所述至少一个图形元素组中的每一者进行路径绘制；以及并行对所述至少一个图形元素组中的每一者的已被绘制的路径进行渲染。
具体地，首先，可使用每个层叠集(例如，当前层叠集)所配置的渲染器，遍历该图层中的各个图形元素组，并行对同一图形元素组中的多个图形元素进行路径绘制；然后，使用每个层叠集(例如，当前层叠集)所配置的渲染器并行对同一图形元素组中的多个图形元素所绘制的路径进行描边与填充(当然，在描边与填充之前，可先对描边与填充的样式进行设置)。由此，可在极其密集的图形动画处理时，保持高帧数的渲染操作。当然，对于所配置的渲染器为离屏渲染器的情形，可并行对多个层叠集中的图形元素进行渲染。
另外，所述每个图形元素集合还可包括未被划分到所述至少一个图形元素组中的预设图形元素。相应地，在执行步骤S104之前，所述图像处理方法还可包括：针对所述每个图形元素集合，采用所述相应的第一渲染器，对所述预设图形元素分别进行路径绘制与渲染。其中，所述预设图形元素可包括位图图像和/或图形文本。
具体地，由于所述预设图形元素不包括矢量信息，故不能并行对多个预设图形元素进行处理。在本实施例中，可使用每个层叠集(例如，当前层叠集)所配置的渲染器对尚未被分组的预设图形元素逐一进行路径绘制、描边、填充，并保存绘制结果。
步骤S104，按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
具体地，在将所有层叠集均被渲染完成后，按层叠顺序将绘制结果绘制到主场景的渲染器中，此时完成了初次渲染过程。
在执行步骤S104之后，所述图像处理方法还可包括：检测所述每个图形元素集合是否发生更新；在特定图形元素集合发生更新的情况下，确定所述多个图形元素集合发生更新，并采用所述与所述特定图形元素集合相对应的渲染器，并行对所述特定图形元素集合中的至少一个图形元素组中的每一者进行路径绘制与渲染以及清除所述第二渲染器中已绘制的所述多个图形元素集合，并按照所述图形元素的层叠值升序的方式，并将已被渲染的更新后的所述多个图形元素集合绘制在第二渲染器中。
在一实施例中，所述检测所述每个图形元素集合是否发生更新可包括：检测所述每个图形元素集合中的图形元素的数量是否发生变化(其可由检测模块来执行)；以及在特定图形元素集合中的所述图形元素的数量发生变化的情况下，确定所述特定图形元素集合发生更新(其可由确定模块来执行)。
在另一实施例中，所述检测所述每个图形元素集合是否发生更新还可包括：在所述每个图形元素集合中的所述图形元素的数量均未发生变化的情况下，检测所述每个图形元素集合中的每个图形元素的属性是否发生变化(其可由检测模块来执行)；以及在特定图形元素的属性发生变化的情况下，通过所述特定图形元素的标识确定该特定图形元素所处的特定图形元素集合，并确定该特定图形元素集合发生更新(其可由确定模块来执行)。
具体地，首先，针对任一图形元素集合(例如图形元素集合1)，可检测图形元素的数量是否发生变化。具体可包括以下两种情形。(1)若所述图形元素数量发生变化，则表明所述图形元素集合1(即图层1)发生更新。(2)若所述图形元素数量未发生变化，可(例如通过图形元素的hash值)继续检测图形元素属性是否发生变化，若特定图形元素的属性发生变化，则通过该特定图形元素的标识确定该特定图形元素所处的特定图形元素集合(例如，特定图形元素所在图层1)，并确定所述图形元素集合1(即图层1)发生更新；而若图形元素的属性均未发生变化，则表明所述图形元素集合1未发生更新。
其次，可确定所述多个图形元素集合发生更新。然后，采用与所述特定图形元素集合(例如，图形元素集合1)相对应的渲染器，并行对所述图形元素集合1中的至少一个图形元素组中的每一者进行路径绘制与渲染(即对于每个图形元素组中的所有图形元素执行并行处理)。当然，需重新按照图形类型对所述特定图形元素集合(例如，图形元素集合1)中的图形元素进行分组，以形成所述至少一个图形元素组。接着，为了将更新后的多个图形元素集合绘制在主场景的渲染器中，可将之前绘制的多个图形元素集合进行清除，并将重新渲染的图形元素集合1与之前渲染的未发生更新的其他图形元素集合绘制在主场景的渲染器中。因此，可避免对无改动的图层进行重绘。当然，对于每个图形元素集合中的未被划分到图形元素组中的预设图形元素，也需要采用上文描述的相应内容对各个预设图形元素逐一进行路径绘制与渲染，最终将已被渲染的更新后的所述多个图形元素集合绘制在主场景的渲染器中。
图3是本发明一实施例提供的图像处理系统的结构图。如图3所示，所述图像处理系统可包括：存储装置10，用于按照图形元素的层叠值存储多个图形元素集合，其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形；第一创建装置20，用于为所述每个图形元素集合创建相应的第一渲染器；第一处理装置30，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染；以及第一绘制装置40，用于按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述第一创建装置包括：检测模块，用于检测绘图渲染环境；以及创建模块，用于根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器。
优选地，所述创建模块用于为所述每个图形元素集合创建相应的第一渲染器包括：在所检测的所述绘图环境支持离屏渲染器的情况下，为所述每个图形元素集合创建相应的离屏渲染器；在所检测的所述绘图环境支持位图渲染器的情况下，为所述每个图形元素集合创建相应的位图渲染器；或者在所检测的所述绘图环境不支持离屏渲染器或位图渲染器的情况下，为所述每个图形元素集合创建相应的2D画布。
优选地，所述第一处理装置包括：第一处理模块，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制；以及第二处理模块，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者的已被绘制的路径进行渲染。
优选地，所述图像处理系统还包括：第二创建装置，用于针对所述每个图形元素集合，创建所述多个图形元素中的每个图形元素；以及配置装置，用于针对所述每个图形元素集合，为所述每个图形元素配置相应的标识。
优选地，所述图像处理系统还包括：第二处理装置，用于在特定图形元素集合发生更新的情况下，采用所述与所述特定图形元素集合相对应的渲染器，并行对所述特定图形元素集合中的至少一个图形元素组中的每一者进行路径绘制与渲染；以及第二绘制装置，用于清除所述第二渲染器中已绘制的所述多个图形元素集合，并按照所述图形元素的层叠值升序的方式，并将已被渲染的更新后的所述多个图形元素集合绘制在第二渲染器中。
优选地，所述图像处理系统还包括：确定模块，用于在特定图形元素集合中的图形元素的数量发生变化的情况下，确定所述特定图形元素集合发生更新。
优选地，所述确定模块还用于，在所述每个图形元素集合中的所述图形元素的数量均未发生变化而特定图形元素的属性发生变化的情况下，通过所述特定图形元素的标识确定该特定图形元素所处的特定图形元素集合，并确定该特定图形元素集合发生更新。
优选地，所述每个图形元素集合还包括未被划分到所述至少一个图形元素组中的预设图形元素，相应地，所述图像处理系统还包括：第三处理装置，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，对所述预设图形元素分别进行路径绘制与渲染。
优选地，所述预设图形元素包括位图图像和/或图形文本。
优选地，所述图形类型包括多边形、圆形、椭圆形、直线及曲线。
有关本发明提供的图像处理系统的具体细节及益处可参阅上述针对图像处理方法的描述，于此不再赘述。
本发明一实施例还提供一种机器可读存储介质，所述机器可读存储介质上存储有指令，该指令用于使得机器执行上述的图像处理方法。
本发明一实施例还提供一种电子设备，所述电子设备包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述的图像处理方法。
以上结合附图详细描述了本发明实施例的可选实施方式，但是，本发明实施例并不限于上述实施方式中的具体细节，在本发明实施例的技术构思范围内，可以对本发明实施例的技术方案进行多种简单变型，这些简单变型均属于本发明实施例的保护范围。
另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本发明实施例对各种可能的组合方式不再另行说明。
本领域技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得单片机、芯片或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
此外，本发明实施例的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明实施例的思想，其同样应当视为本发明实施例所公开的内容。
Claims (10)
1.一种图像处理方法，其特征在于，所述图像处理方法包括：
按照图形元素的层叠值存储多个图形元素集合，其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形；
为所述每个图形元素集合创建相应的第一渲染器；
针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染；以及
按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
2.根据权利要求1所述的图像处理方法，其特征在于，所述为所述每个图形元素集合创建相应的第一渲染器包括：
检测绘图渲染环境；以及
根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器。
3.根据权利要求2所述的图像处理方法，其特征在于，所述根据所检测的所述绘图环境，为所述每个图形元素集合创建相应的第一渲染器包括：
在所检测的所述绘图环境支持离屏渲染器的情况下，为所述每个图形元素集合创建相应的离屏渲染器；
在所检测的所述绘图环境支持位图渲染器的情况下，为所述每个图形元素集合创建相应的位图渲染器；或者
在所检测的所述绘图环境不支持离屏渲染器或位图渲染器的情况下，为所述每个图形元素集合创建相应的2D画布。
4.根据权利要求1所述的图像处理方法，其特征在于，所述并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染包括：
针对所述每个图形元素集合，采用所述相应的第一渲染器执行以下操作：
并行对所述至少一个图形元素组中的每一者进行路径绘制；以及
并行对所述至少一个图形元素组中的每一者的已被绘制的路径进行渲染。
5.根据权利要求1所述的图像处理方法，其特征在于，在执行所述按照图形元素的层叠值存储多个图形元素集合之前，所述图像处理方法还包括：
针对所述每个图形元素集合，执行以下操作：
创建所述多个图形元素中的每个图形元素；以及
为所述每个图形元素配置相应的标识。
6.根据权利要求5所述的图像处理方法，其特征在于，在执行所述将已被渲染的所述多个图形元素集合绘制在第二渲染器中之后，所述图像处理方法还包括：
在特定图形元素集合发生更新的情况下，采用所述与所述特定图形元素集合相对应的渲染器，并行对所述特定图形元素集合中的至少一个图形元素组中的每一者进行路径绘制与渲染；以及
清除所述第二渲染器中已绘制的所述多个图形元素集合，并按照所述图形元素的层叠值升序的方式，并将已被渲染的更新后的所述多个图形元素集合绘制在第二渲染器中。
7.根据权利要求6所述的图像处理方法，其特征在于，所述图像处理方法还包括：
在特定图形元素集合中的图形元素的数量发生变化的情况下，确定所述特定图形元素集合发生更新。
8.一种图像处理系统，其特征在于，所述图像处理系统包括：
存储装置，用于按照图形元素的层叠值存储多个图形元素集合，其中，所述多个图形元素集合中的每个图形元素集合中的多个图形元素的层叠值相同，以及所述每个图形元素集合包括属于不同图形类型的至少一个图形元素组，所述至少一个图形元素组中的每一者包括多个矢量图形；
第一创建装置，用于为所述每个图形元素集合创建相应的第一渲染器；
第一处理装置，用于针对所述每个图形元素集合，采用所述相应的第一渲染器，并行对所述至少一个图形元素组中的每一者进行路径绘制与渲染；以及
第一绘制装置，用于按照所述图形元素的层叠值升序的方式，将已被渲染的所述多个图形元素集合绘制在第二渲染器中。
9.一种机器可读存储介质，其特征在于，所述机器可读存储介质上存储有指令，该指令用于使得机器执行上述权利要求1-7中任一项所述的图像处理方法。
10.一种电子设备，其特征在于，所述电子设备包括：
处理器；
用于存储所述处理器可执行指令的存储器；
所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述权利要求1-7中任一项所述的图像处理方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110252136.1A CN113052928A (zh) | 2021-03-08 | 2021-03-08 | 图像处理方法及图像处理系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110252136.1A CN113052928A (zh) | 2021-03-08 | 2021-03-08 | 图像处理方法及图像处理系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113052928A true CN113052928A (zh) | 2021-06-29 |
Family
ID=76510659
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110252136.1A Pending CN113052928A (zh) | 2021-03-08 | 2021-03-08 | 图像处理方法及图像处理系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113052928A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115375789A (zh) * | 2022-10-24 | 2022-11-22 | 山东捷瑞数字科技股份有限公司 | 一种基于可缩放矢量图形的动态纹理生成方法及系统 |
| WO2023160282A1 (zh) * | 2022-02-25 | 2023-08-31 | 京东方科技集团股份有限公司 | 一种显示渲染方法、装置、电子设备和可读存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040237040A1 (en) * | 2003-05-19 | 2004-11-25 | Malkin Wayne Allan | System and method of processing an electronic form using layered aspects |
| US20100289804A1 (en) * | 2009-05-13 | 2010-11-18 | International Business Machines Corporation | System, mechanism, and apparatus for a customizable and extensible distributed rendering api |
| US20130063473A1 (en) * | 2011-09-12 | 2013-03-14 | Microsoft Corporation | System and method for layering using tile-based renderers |
| US20150193401A1 (en) * | 2014-01-06 | 2015-07-09 | Samsung Electronics Co., Ltd. | Electronic apparatus and operating method of web-platform |
| CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技（中国）有限公司 | 一种页面动画渲染的方法及装置 |
| CN110209444A (zh) * | 2019-03-20 | 2019-09-06 | 华为技术有限公司 | 一种图形渲染方法和电子设备 |
| US20200211148A1 (en) * | 2017-05-18 | 2020-07-02 | Google Llc | A parallelized pipeline for vector graphics and image processing |
-
2021
- 2021-03-08 CN CN202110252136.1A patent/CN113052928A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040237040A1 (en) * | 2003-05-19 | 2004-11-25 | Malkin Wayne Allan | System and method of processing an electronic form using layered aspects |
| US20100289804A1 (en) * | 2009-05-13 | 2010-11-18 | International Business Machines Corporation | System, mechanism, and apparatus for a customizable and extensible distributed rendering api |
| US20130063473A1 (en) * | 2011-09-12 | 2013-03-14 | Microsoft Corporation | System and method for layering using tile-based renderers |
| US20150193401A1 (en) * | 2014-01-06 | 2015-07-09 | Samsung Electronics Co., Ltd. | Electronic apparatus and operating method of web-platform |
| US20200211148A1 (en) * | 2017-05-18 | 2020-07-02 | Google Llc | A parallelized pipeline for vector graphics and image processing |
| CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技（中国）有限公司 | 一种页面动画渲染的方法及装置 |
| CN110209444A (zh) * | 2019-03-20 | 2019-09-06 | 华为技术有限公司 | 一种图形渲染方法和电子设备 |
Non-Patent Citations (1)
| Title |
|---|
| 刘佳哲等: "面向手机的云端VR三维场景立体显示与交互框架", 《系统仿真学》, vol. 32, no. 07, pages 1360 - 1374 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023160282A1 (zh) * | 2022-02-25 | 2023-08-31 | 京东方科技集团股份有限公司 | 一种显示渲染方法、装置、电子设备和可读存储介质 |
| CN115375789A (zh) * | 2022-10-24 | 2022-11-22 | 山东捷瑞数字科技股份有限公司 | 一种基于可缩放矢量图形的动态纹理生成方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102393665B1 (ko) | 그래픽 처리 시스템 | |
| KR102129895B1 (ko) | 폴드된 특징 데이터에 대한 컨볼루션 연산을 수행하기 위한 방법 및 장치 | |
| US9013479B2 (en) | Apparatus and method for tile-based rendering | |
| US9983760B2 (en) | Apparatus, method and computer readable recording medium for arranging a plurality of items automatically in a canvas | |
| CN113052928A (zh) | 图像处理方法及图像处理系统 | |
| US20060001681A1 (en) | Method of rendering graphic objects | |
| CN102122502A (zh) | 一种三维字体显示方法以及相关装置 | |
| CN110990516A (zh) | 地图数据的处理方法、装置和服务器 | |
| US8723884B2 (en) | Scan converting a set of vector edges to a set of pixel aligned edges | |
| US6741243B2 (en) | Method and system for reducing overflows in a computer graphics system | |
| CN113942230B (zh) | 针对双激光分割的3d打印控制系统及其分割方法 | |
| CN113221895A (zh) | 小目标检测方法、装置、设备及介质 | |
| US8638470B2 (en) | Efficient banded hybrid rendering | |
| JP5254250B2 (ja) | ベクトルグラフィックをラスター化するプロセスにおいて境界を発生させるための方法およびシステム、ならびに、システムを製造するための方法 | |
| CN110362298B (zh) | 一种基于浏览器的目标对象绘制方法、装置和浏览器 | |
| CN111161127B (zh) | 图片资源渲染优化方法 | |
| CN109871517B (zh) | 文字块排序方法、装置、存储介质及电子设备 | |
| CN115187469A (zh) | 3d打印中的图像处理方法、装置、存储介质及终端 | |
| CN117411983A (zh) | 用于动态合并的系统和方法 | |
| EP2071516A1 (en) | Method for sorting graphical objects | |
| US20130009995A1 (en) | Clamp mode emulation | |
| CN113221896A (zh) | 目标检测方法、装置、神经形态器件及介质 | |
| CN113656766A (zh) | 向电子文档签署骑缝章的方法、系统及存储介质 | |
| CN112819102A (zh) | 一种文本定位方法、装置、设备及存储介质 | |
| CN116703695A (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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20240516 Address after: 100000 Room 102, Floor 1, Building 1, No. 2, Chuangye Road, Haidian District, Beijing Applicant after: Seashell Housing (Beijing) Technology Co.,Ltd. Country or region after: China Address before: 101309 room 24, 62 Farm Road, Erjie village, Yangzhen, Shunyi District, Beijing Applicant before: Beijing fangjianghu Technology Co.,Ltd. Country or region before: China |