CN114581558B - 图像处理方法、装置、设备以及存储介质 - Google Patents

Abstract

本公开提供了一种图像处理方法、装置、设备以及存储介质。涉及数据处理技术领域，具体涉及图像标注、标注数据存储等人工智能领域。具体实现方案为：响应于背景图像的渲染指令，获取背景图像的第一标注图像，该第一标注图像是根据背景图像的目标标注路径数据生成的；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层上方；通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。根据本公开的技术方案，能提高涂抹标注的渲染速度。

Description

图像处理方法、装置、设备以及存储介质

技术领域

本公开涉及数据处理技术领域，具体涉及图像标注、标注数据存储等人工智能领域。

背景技术

相关技术中，需要对图像的重点部分进行涂抹标注，而涂抹标注方法是通过画布在图像上绘制涂抹区域，然后保存所覆盖区域的涂抹像素点，存储的像素点会随着标注量的增多而变多，进而导致渲染速度慢。

发明内容

本公开提供了一种图像处理方法、装置、设备以及存储介质。

根据本公开的第一方面，提供了一种图像处理方法，包括：

响应于背景图像的渲染指令，获取背景图像的第一标注图像，第一标注图像是根据背景图像的目标标注路径数据生成的；

将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；

通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

根据本公开的第二方面，提供了一种图像处理方法，包括：

响应于背景图像的标注路径数据请求指令，获取背景图像的目标标注路径数据；

将目标标注路径数据转换成第一标注图像；

发送第一标注图像。

根据本公开的第三方面，提供了一种图像处理方法，包括：

客户端响应于背景图像的渲染指令，发送背景图像的标注数据请求指令；

服务端响应于背景图像的标注数据请求指令，获取背景图像的目标标注路径数据；将目标标注路径数据转换成第一标注图像；向客户端发送第一标注图像；

客户端获取背景图像的第一标注图像；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

根据本公开的第四方面，提供了一种图像处理装置，包括：

第一获取模块，用于响应于背景图像的渲染指令，获取背景图像的第一标注图像，第一标注图像是根据背景图像的目标标注路径数据生成的；

控制模块，用于将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；

还原模块，用于通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

根据本公开的第五方面，提供了一种图像处理装置，包括：

第二获取模块，用于响应于背景图像的标注路径数据请求指令，获取背景图像的目标标注路径数据；

第二转换模块，用于将目标标注路径数据转换成第一标注图像；

发送模块，用于发送第一标注图像。

根据本公开的第六方面，提供了一种图像处理系统，包括：

客户端设备，响应于背景图像的渲染指令，发送背景图像的标注数据请求指令；

服务端设备，用于响应于背景图像的标注数据请求指令，获取背景图像的目标标注路径数据；将目标标注路径数据转换成第一标注图像；发送第一标注图像；

客户端设备，还用于获取第一标注图像；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

根据本公开的第七方面，提供了一种电子设备，包括：

至少一个处理器；以及

与该至少一个处理器通信连接的存储器；其中，

该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行上述第一方面和/或第二方面和/或第三方面所提供的方法。

根据本公开的第八方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，该计算机指令用于使该计算机执行上述第一方面和/或第二方面和/或第三方面所提供的方法。

根据本公开的第九方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现上述第一方面和/或第二方面和/或第三方面所提供的方法。

根据本公开的技术方案，能够提高涂抹标注的渲染速度。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是根据本公开一个实施例的图像处理方法的示意图一；

图2是根据本公开一个实施例的在渲染后实现编辑扩展的示意图一；

图3是根据本公开一个实施例的在渲染后实现编辑扩展的示意图二；

图4是根据本公开一个实施例的图像处理方法的示意图二；

图5是根据本公开一个实施例的图像处理方法的示意图三；

图6是根据本公开一个实施例的标注初始化时客户端与服务端之间的交互过程示意图；

图7是根据本公开一个实施例的图像处理总体流程的示意图；

图8是根据本公开一个实施例的图像处理装置的示意图一；

图9是根据本公开一个实施例的图像处理装置的示意图二；

图10是根据本公开一个实施例的图像处理系统的交互示意图；

图11是用来实现本公开实施例的图像处理方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开的说明书实施例和权利要求书及上述附图中的术语"第一"、"第二"和"第三"等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。此外，术语"包括"和"具有"以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元。方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

在对本公开实施例的技术方案进行介绍之前，先对本公开可能使用到的技术术语做进一步说明：

涂抹标注：先设置涂抹直径大小，然后鼠标点击并移动经过的所有像素区域都是涂抹标注数据。而涂抹标注区别于点、折线、框选、多边形标注，不同的是：涂抹标注可以是鼠标经过区域，而且是不规则区域。

涂抹标注数据(简称涂抹数据)：涂抹数据是存储在涂抹直径下经过的所有像素点坐标。N个涂抹数据意味着需要渲染N倍的涂抹像素点，这势必会影响到客户端的性能。因此，快速大量渲染涂抹数据，成为了提升图像标注的性能提升的重要环节。

需要说明的是，本公开以下各实施例所述的标注包括涂抹标注，本公开以下各实施例所涉及的标注路径数据包括涂抹数据。

本公开实施例提供一种图像处理方法，该图像处理方法可以应用于客户端，具体可应用在客户端的电子设备，该电子设备包括但不限于计算机、手机或平板电脑等，本公开不对电子设备的类型进行限定。如图1所示，该图像处理方法包括：

S101：响应于背景图像的渲染指令，获取背景图像的第一标注图像，第一标注图像是根据背景图像的目标标注路径数据生成的；

S102：将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；

S103：通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

这里，背景图像是作为背景展示的图像。

这里，渲染指令是根据渲染操作生成的。该渲染指令用于指示客户端还原背景图像经标注处理后得到的目标图像。该渲染操作是由用户输入的，本公开不对渲染操作的输入方式进行限定。比如，通过手动触发某按键输入。再比如，通过语音方式输入。

这里，目标画布是客户端上能够对图像进行标注的画图工具，它能够对图像进行绘制、合成等操作。示例性的，该目标画布可以是canvas。

这里，目标画布至少能分为第一层(image层)和第二层(label层)，第一层用于渲染背景图像，第二层用于绘制和渲染针对背景图像的标注数据。第二层位于第一层的上方，也即第二层位于第一层的上层。这里，通过在第一层显示背景图像，在第二层显示标注数据。虽然分层显示背景图像和标注数据，但是能够从视觉上呈现已标注的背景图像。另外，通过将背景图像和标注数据分层处理，可以很好地将背景图像和标注数据分开存储，方便对标注数据进行编辑或清除。

本公开实施例中，第一标注图像的个数是由背景图像的被标注的标签个数决定的，其中，不同标签对应的标注颜色不同。示例性的，标识为0001的背景图像，被标注了2个标签，则该标识为0001的背景图像对应有2个第一标注图像。又示例性的，标识为0002的背景图像，被标注了8个标签，则该标识为0002的背景图像对应有8个第一标注图像。

需要说明的是，本公开方案是针对已做过至少一次标注的背景图像而言的。可以理解，在上述背景图像为未被标注过的背景图像的情况下，S101无法获取第一标注图像。

本公开实施例所述的技术方案，响应于渲染指令，获取背景图像的第一标注图像；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像，以从视觉效果上显示目标图像，达到快速渲染的效果；如此，在渲染背景图像的标注数据时，直接渲染的是标注图像，节省了从标注数据转换成标注图像的时间，提高了渲染速度，从而为快速大量渲染标注数据，提升图像标注的性能提供有效保证。

在一些实施例中，上述图像处理方法还可以包括：监听针对第一标注图像的擦除事件；基于擦除事件确定擦除区域；将擦除区域中至少一个像素点的颜色值调整为目标颜色值，得到擦除区域图像；根据第一标注图像和擦除区域图像得到第二标注图像。

这里，可采用鼠标控制橡皮擦的方式输入擦除操作。

在一些实施方式中，根据监听到的鼠标控制橡皮擦过程中的点击事件和抬起事件确定擦除事件。

在一些实施方式中，采用GRBA表示颜色值，其中，RGB是一种色彩标准，是由红(red，用R表示)、绿(green，用G表示)、蓝(blue，用B表示)的变化以及相互叠加来得到各式各样的颜色。RGBA颜色值是RGB颜色值的扩展，添加了一个alpha(简称A)通道，它规定了对象的透明度。A＝0，表示完全透明，即不具有颜色。

举例来说，在使用橡皮擦功能时，监听鼠标点击事件，橡皮擦开始；同时监听鼠标移动事件；监听鼠标抬起事件，橡皮擦结束，保存从点击到抬起事件的橡皮擦区域图像，将橡皮擦区域图像的颜色设置为rgba(255,255,255,0)，通过目标画布将第一标注图像与橡皮擦区域图像叠加在一起。需要说明的是，擦除操作是在目标画布的第二层上完成的。此时，从视觉上来看，橡皮擦经过的区域已被擦除。然后，将经过擦除处理后的标签(未被全部擦除)与背景图像合成为一张图像。

可以理解，在橡皮擦经过标注标签所有路径时，相当于删除当前标注标签。

客户端在渲染后实现编辑扩展功能的一个示意图如图2所示，在图2中，(1)表示渲染后得到的图像，可以看出，背景图像有2个标注，分别记为labelA和labelB，通过使用橡皮擦来擦除，将橡皮擦经过的区域的颜色设置为rgba(255,255,255,0)，通过目标画布将(1)中的标注图像与橡皮擦区域图像叠加在一起。此时，从视觉上来看，橡皮擦经过的区域已被擦除，更新后的渲染图像(即第二标注图像)如图2中(2)所示。

如此，通过监听针对第一标注图像的擦除事件；基于擦除事件确定擦除区域；将擦除区域中至少一个像素点的颜色值调整为目标颜色值，能够从视觉上呈现橡皮擦经过的区域已被擦除的效果，实现了对涂抹标注的二次编辑，由于图像的叠加过程比标注路径的计算更为顺滑，不会出现编辑卡顿的现象，能够提高编辑效率。

在一些实施例中，上述图像处理方法还可以包括：监听针对目标标签的扩展事件，目标标签是背景图像的一个标注标签；基于扩展事件确定扩展区域；将扩展区域中至少一个像素点的颜色值调整为与目标标签相同的颜色值，得到扩展区域图像；根据第一标注图像和扩展区域图像得到第三标注图像。

在一些实施方式中，根据监听到的鼠标的点击事件和抬起事件确定扩展事件。

举例来说，通过鼠标点击扩展编辑某标签labelA，该标签颜色为rgba(r,g,b,a)。监听鼠标点击事件，涂抹开始；同时监听鼠标移动事件；监听鼠标抬起事件，涂抹结束，保存当前鼠标经过的扩展区域图像，该扩展区域图像颜色为rgba(r,g,b,a)。需要说明的是，擦除操作是在目标画布的第二层上完成的。通过目标画布将第一标注图像和扩展区域图像叠加在一起。此时视觉上来看，标签labelA已被扩展，扩展后比扩展前的标注面积更大。

客户端在渲染后实现编辑扩展功能的一个示意图如图3所示，在图3中，(1)表示渲染后得到的图像，可以看出，背景图像有1个标注，记为labelA，通过使用鼠标扩展labelA，将扩展区域的颜色设置为rgba(r,g,b,a)，通过目标画布将标注图像与扩展区域图像叠加在一起。此时，从视觉上来看，扩展标注经过的区域与原labelA叠加在一起，更新后的渲染图像(即第三标注图像)如图3中(2)所示。

如此，通过基于扩展事件确定扩展区域；将扩展区域中至少一个像素点的颜色值调整为与目标标签相同的颜色值，得到扩展区域图像，能够从视觉上呈现对原标注标签的扩展的效果，实现了对涂抹标注的二次编辑，由于图像的叠加过程比标注路径的计算更为顺滑，不会出现编辑卡顿的现象，能够提高编辑效率。

在一些实施例中，在S101之前，上述图像处理方法还可以包括：响应于渲染指令之前，获取针对背景图像的标注操作，标注操作位于第二层；基于标注操作在第二层生成用图层格式表示的第一标注图像；将第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩第一标注路径数据，得到目标标注路径数据；上传目标标注路径数据。

这里，图层格式可以理解为目标画布的第二层的格式。

这里，预设压缩算法是能够对第一标注路径数据进行压缩的算法，比如，预设压缩算法可以是行程编码(Run Length Encoding，RLE)算法。

如此，客户端将第一标注图像先转换成标注路径，使用RLE压缩算法能将标注路径压缩500％～1000％倍，极大压缩了标注路径，且无需服务端对第一标注图像进行解码，不仅解放了服务器资源，还缩短了服务端从客户端保存数据的时间。

在一些实施例中，获取背景图像的第一标注图像，包括：获取背景图像的采用预设编码格式表示的第一标注图像。

这里，客户端从服务端获取的背景图像的第一标注图像，是采用预设编码格式表示的。

其中，预设编码格式为能够被目标画布识别并展示、且转化后的文件体积较小的编码格式。比如，预设编码格式为base64。

如此，客户端从服务端获取的是预设编码格式的第一标注图像，预设编码格式的第一标注图像便于客户端下载和渲染，从而有助于提升渲染速度，提高了标注效率。

本公开实施例提供一种图像处理方法，该图像处理方法可以应用于服务端，具体可应用在服务端的电子设备，该电子设备包括但不限于云服务器或普通服务器等，本公开不对电子设备的类型进行限定。如图4所示，该图像处理方法包括：

S401：响应于背景图像的标注路径数据请求指令，获取背景图像的目标标注路径数据；

S402：将目标标注路径数据转换成第一标注图像；

S403：向客户端发送第一标注图像。

其中，目标标注路径数据请求指令中携带有背景图像的标识。

在一些实施方式中，获取背景图像的目标标注路径数据，包括：根据背景图像标识，查询与该背景图像标识对应的目标标注路径数据。

通过本实施例所述的技术方案，服务端响应于背景图像的标注路径数据请求指令，获取背景图像的目标标注路径数据；将目标标注路径数据转换成第一标注图像；向客户端发送第一标注图像；如此，直接为客户端提供第一标注图像，无需客户端将目标标注路径数据转换成图像，便于客户端基于第一标注图像直接进行渲染，减少了客户端渲染所需要的时间，减少了标注渲染卡顿问题；而且，在客户端快速切换图像时，也不会出现标注错乱的问题，提高了标注效率。

在一些实施例中，上述图像处理方法还可以包括：接收客户端发送的目标标注路径数据，目标标注路径数据是客户端采用预设压缩算法压缩第一标注路径得到的，第一标注路径数据是根据针对背景图像的标注操作生成的；存储目标标注路径数据。

这里，预设压缩算法是能够对第一标注路径数据进行压缩的算法，比如，预设压缩算法可以是RLE算法。

如此，由于客户端将第一标注图像先转换成标注路径，使用RLE压缩算法能极大压缩标注路径，不仅解放了服务器资源，还缩短了服务端从客户端保存数据的时间。

在一些实施例中，将目标标注路径数据转换成第一标注图像，包括：将目标标注路径数据转换成预设编码格式的第一标注图像。

其中，预设编码格式为能够被目标画布识别并展示、且转换后的文件体积较小的编码格式。比如，预设编码格式为base64。

如此，将目标标注路径数据转换成预设编码格式的第一标注图像，能够方便客户端下载和渲染，从而有助于提升渲染速度。

本公开提供了一种图像处理方法，该图像处理方法可以应用于图像处理系统，该图像处理系统包括客户端设备和服务端设备。如图5所示，该图像处理方法包括：S501：客户端响应于背景图像的渲染指令，向服务端发送背景图像的标注数据请求指令；S502：服务端响应于背景图像的标注数据请求指令，获取背景图像的目标标注路径数据；将目标标注路径数据转换成第一标注图像；S503：向客户端发送第一标注图像；S504：客户端获取背景图像的第一标注图像；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

如此，通过客户端请求目标标注路径数据，在渲染背景图像的标注数据时，直接渲染的是标注图像，节省了从标注数据转换成标注图像的时间，提高了渲染速度，从而为快速大量渲染标注数据，提升图像标注的性提供有效保证。

图6示出了标注初始化时客户端与服务端之间的交互过程示意图，如图6所示，客户端使用Canvas分层渲染，将标注组件分为第一层(image层)和第二层(label层)，image层用于渲染需要标注的图像，label层则是用于绘制和渲染涂抹数据；标注组件初始化时，客户端向服务端请求用于标注初始化渲染的标注图像。初始化图像是客户端保存在服务端的涂抹路径数据，然后服务端根据存储的涂抹标注路径转换而成的base64格式的标注图像，将标注图像返回给客户端。由于base64图像体积小，并且因为是标注信息图像颜色单一、图像大小非常小，所以能够快速被客户端下载和渲染。每个标注数据都能通过图像直接渲染展示，缩短了标注渲染时间。比如，一张9600px*5400px图像全部被涂抹数据覆盖，涂抹路径则是9600*5400≈5千万数量级。如此，标注组件在初始化渲染标注数据时，服务端将每个标注标签都生成一张base64格式的标注图像，避免客户端使用标注路径计算渲染，节省了客户端从像素转换成图像的时间，减少了标注渲染卡顿问题；而且在快速切换图像时，也不会出现标注错乱的问题，提高了标注效率。

图7示出了图像处理总体流程的示意图，如图7所示，标注组件先进行背景图像初始化，确定并获取背景图像后，先在目标画布的第一层显示背景图像。然后，标注组件进行标注初始化，从服务端获取该背景图像的base64格式的标注图像，基于该标注图像渲染得到该背景图像的目标图像。标注组件支持在原目标图像基础上的二次编辑功能，具体的，支持擦除功能和扩展功能。在编辑时候，无论是擦除，还是扩展，都是在标注层进行操作；具体的，在进行擦除操作时，将橡皮擦区域颜色设置为rgba(255,255,255,0)。具体的，在进行扩展操作时，将扩展标注颜色设置为rgba(r,g,b,a)，以使其与当前标签颜色一致。如此，由于图像的叠加过程比路径的计算更为顺滑，不会出现编辑卡顿的现象，在快速切换图像时，也不会出现标注错乱的问题，提高了标注效率。

应理解，图6和图7所示的流程图均为可选的实现方式，仅仅是示例性而不是限制性的，并且其是可扩展的，本领域技术人员可以基于图6和图7的例子进行各种显而易见的变化和/或替换，得到的技术方案仍属于本公开实施例的公开范围。

本申请提供的图像处理方法，可以用于图像标注、基于已标注的图像进行模型训练等项目中。方法的执行主体可以是电子设备，示例性地，该电子设备可以位于工业视觉智能平台，该电子设备需要对整个数据集中图像的重点部分进行标注，然后对标注数据进行模型训练，将训练的模型应用在工业微小部件检测、热轧/冷轧钢板缺陷检测、汽车零件检测、光伏电致发光(Electroluminescence，EL)检测等质检领域，从而达到智能质检的效果。

本公开实施例还提供了一种图像处理装置，应用于客户端设备，如图8所示，该图像处理装置包括：

第一获取模块810，用于响应于背景图像的渲染指令，获取背景图像的第一标注图像，第一标注图像是根据背景图像的目标标注路径数据生成的；

控制模块820，用于将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；

还原模块830，用于通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

在一些实施例中，该图像处理装置还可包括：

第一编辑模块，用于：

监听针对第一标注图像的擦除事件；

基于擦除事件确定擦除区域；

将擦除区域中至少一个像素点的颜色值调整为目标颜色值，得到擦除区域图像；

根据第一标注图像和擦除区域图像得到第二标注图像。

在一些实施例中，该图像处理装置还可包括：

第二编辑模块，用于：

监听针对目标标签的扩展事件，目标标签是背景图像的一个标注标签；

基于扩展事件确定扩展区域；

将扩展区域中至少一个像素点的颜色值调整为与目标标签相同的颜色值，得到扩展区域图像；

根据第一标注图像和扩展区域图像得到第三标注图像。

在一些实施例中，该图像处理装置还可包括：

标注模块，用于：响应于渲染指令之前，获取针对背景图像的标注操作，标注操作位于第二层；基于标注操作在第二层生成用图层格式表示的第一标注图像；

第一转换模块，用于将第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩第一标注路径数据，得到目标标注路径数据；

上传模块，用于上传目标标注路径数据。

在一些实施例中，该第一获取模块810，具体用于：

获取背景图像的采用预设编码格式表示的第一标注图像。

本领域技术人员应当理解，本公开实施例的图像处理装置中各处理模块的功能，可参照前述的图像处理方法的相关描述而理解，本公开实施例的图像处理装置中各处理模块，可通过实现本公开实施例所述的功能的模拟电路而实现，也可以通过执行本公开实施例所述的功能的软件在电子设备上的运行而实现。

本公开实施例的图像处理装置，能提高渲染速度，从而有助于提升标注性能。

本公开实施例还提供了一种图像处理装置，应用于服务端设备，如图9所示，该图像处理装置包括：

第二获取模块910，用于响应于背景图像的标注路径数据请求指令，获取背景图像的目标标注路径数据；

第二转换模块920，用于将目标标注路径数据转换成第一标注图像；

发送模块930，用于向客户端发送第一标注图像。

在一些实施例中，该图像处理装置还可包括：

接收模块，用于接收客户端发送的目标标注路径数据，目标标注路径数据是客户端采用预设压缩算法压缩第一标注路径得到的，第一标注路径数据是根据针对背景图像的标注操作生成的；

存储模块，用于存储目标标注路径数据。

在一些实施例中，该第二转换模块920，具体用于：

将目标标注路径数据转换成预设编码格式的第一标注图像。

本领域技术人员应当理解，本公开实施例的图像处理装置中各处理模块的功能，可参照前述的图像处理方法的相关描述而理解，本公开实施例的图像处理装置中各处理模块，可通过实现本公开实施例所述的功能的模拟电路而实现，也可以通过执行本公开实施例所述的功能的软件在电子设备上的运行而实现。

本公开实施例的图像处理装置，能提高渲染速度，从而有助于提升标注性能。

本公开实施例还提供了一种图像处理系统，如图10所示，该图像处理装置包括：客户端设备和服务端设备；其中，客户端设备，响应于背景图像的渲染指令，向服务端设备发送背景图像的标注数据请求指令；服务端设备，用于响应于背景图像的标注数据请求指令，获取背景图像的目标标注路径数据；将目标标注路径数据转换成第一标注图像；向客户端发送第一标注图像；客户端设备，还用于获取背景图像的第一标注图像；将背景图像通过目标画布的第一层显示，将第一标注图像通过目标画布的第二层显示，第二层位于第一层的上方；通过第一层显示的背景图像以及第二层显示的第一标注图像，还原得到基于背景图像和目标标注路径数据生成的目标图像。

本公开不对客户端设备和服务端设备的个数进行限定，实际应用中可包括多个客户端设备、多个服务端设备。

本公开实施例的图像处理系统，能提高渲染速度，从而有助于提升标注性能。

需要说明的是，本公开的图像处理方案不是针对某一特定用户的人头模型，并不能反映出某一特定用户的个人信息。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图11示出了可以用来实施本公开的实施例的示例电子设备1100的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图11所示，设备1100包括计算单元1101，其可以根据存储在只读存储器(Read-Only Memory，ROM)1102中的计算机程序或者从存储单元1108加载到随机访问存储器(Random Access Memory，RAM)1103中的计算机程序，来执行各种适当的动作和处理。在RAM1103中，还可存储设备1100操作所需的各种程序和数据。计算单元1101、ROM 1102以及RAM1103通过总线1104彼此相连。输入/输出(Input/Output，I/O)接口1105也连接至总线1104。

设备1100中的多个部件连接至I/O接口1105，包括：输入单元1106，例如键盘、鼠标等；输出单元1107，例如各种类型的显示器、扬声器等；存储单元1108，例如磁盘、光盘等；以及通信单元1109，例如网卡、调制解调器、无线通信收发机等。通信单元1109允许设备1100通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元1101可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元1101的一些示例包括但不限于中央处理单元(Central Processing Unit，CPU)、图形处理单元(Graphics Processing Unit，GPU)、各种专用的人工智能(ArtificialIntelligence，AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(Digital Signal Processor，DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元1101执行上文所描述的各个方法和处理，例如图像处理方法。例如，在一些实施例中，图像处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元1108。在一些实施例中，计算机程序的部分或者全部可以经由ROM 1102和/或通信单元1109而被载入和/或安装到设备1100上。当计算机程序加载到RAM 1103并由计算单元1101执行时，可以执行上文描述的图像处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元1101可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行图像处理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application-Specific Standard Products，ASSP)、芯片上系统的系统(System on Chip，SOC)、负载可编程逻辑设备(Complex Programmable Logic Device，CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器、只读存储器、可擦除可编程只读存储器(ErasableProgrammable Read-Only Memory，EPROM)、快闪存储器、光纤、便捷式紧凑盘只读存储器(Compact Disk Read Only Memory，CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，阴极射线管(Cathode Ray Tube，CRT)或者液晶显示器(Liquid Crystal Display，LCD)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入、或者触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(Local Area Network，LAN)、广域网(Wide Area Network，WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端和服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (8)

1.一种应用于客户端的图像处理方法，包括：

响应于背景图像的渲染指令，从服务端获取所述背景图像的采用预设编码格式表示的第一标注图像，所述第一标注图像是根据所述背景图像的目标标注路径数据生成的；

将所述背景图像通过目标画布的第一层显示，将所述第一标注图像通过所述目标画布的第二层显示，所述第二层位于所述第一层的上方；

通过所述第一层显示的所述背景图像以及所述第二层显示的所述第一标注图像，还原得到基于所述背景图像和所述目标标注路径数据生成的目标图像；

所述方法还包括：

监听针对目标标签的扩展事件，所述目标标签是所述背景图像的一个标注标签；基于所述扩展事件确定扩展区域；将所述扩展区域中至少一个像素点的颜色值调整为与所述目标标签相同的颜色值，得到扩展区域图像；根据所述第一标注图像和所述扩展区域图像得到第三标注图像；

其中，所述目标标注路径数据通过如下方法得到：

响应于所述渲染指令之前，获取针对所述背景图像的标注操作，所述标注操作位于所述第二层；

基于所述标注操作在所述第二层生成用图层格式表示的所述第一标注图像；

将所述第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩所述第一标注路径数据，得到所述目标标注路径数据；

上传所述目标标注路径数据至所述服务端。

2.根据权利要求1所述的方法，还包括：

监听针对所述第一标注图像的擦除事件；

基于所述擦除事件确定擦除区域；

将所述擦除区域中至少一个像素点的颜色值调整为目标颜色值，得到擦除区域图像；

根据所述第一标注图像和所述擦除区域图像得到第二标注图像。

3.一种图像处理方法，包括：

客户端响应于背景图像的渲染指令，发送所述背景图像的标注数据请求指令；

服务端响应于所述背景图像的标注数据请求指令，获取所述背景图像的目标标注路径数据；将所述目标标注路径数据转换成采用预设编码格式表示的第一标注图像；向所述客户端发送所述第一标注图像；

所述客户端获取所述第一标注图像；将所述背景图像通过目标画布的第一层显示，将所述第一标注图像通过所述目标画布的第二层显示，所述第二层位于所述第一层的上方；通过所述第一层显示的所述背景图像以及所述第二层显示的所述第一标注图像，还原得到基于所述背景图像和所述目标标注路径数据生成的目标图像；

所述客户端监听针对目标标签的扩展事件，所述目标标签是所述背景图像的一个标注标签；基于所述扩展事件确定扩展区域；将所述扩展区域中至少一个像素点的颜色值调整为与所述目标标签相同的颜色值，得到扩展区域图像；根据所述第一标注图像和所述扩展区域图像得到第三标注图像；

其中，所述目标标注路径数据通过如下方法得到：

响应于所述渲染指令之前，所述客户端获取针对所述背景图像的标注操作，所述标注操作位于所述第二层；

基于所述标注操作在所述第二层生成用图层格式表示的所述第一标注图像；

将所述第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩所述第一标注路径数据，得到所述目标标注路径数据；

上传所述目标标注路径数据至所述服务端，

所述服务端接收并存储所述目标标注路径数据。

4.一种客户端图像处理装置，包括：

第一获取模块，用于响应于背景图像的渲染指令，从服务端获取所述背景图像的采用预设编码格式表示的第一标注图像，所述第一标注图像是根据所述背景图像的目标标注路径数据生成的；

控制模块，用于将所述背景图像通过目标画布的第一层显示，将所述第一标注图像通过所述目标画布的第二层显示，所述第二层位于所述第一层的上方；

还原模块，用于通过所述第一层显示的所述背景图像以及所述第二层显示的所述第一标注图像，还原得到基于所述背景图像和所述目标标注路径数据生成的目标图像，

所述的装置，还包括：第二编辑模块，用于：监听针对目标标签的扩展事件，所述目标标签是所述背景图像的一个标注标签；基于所述扩展事件确定扩展区域；将所述扩展区域中至少一个像素点的颜色值调整为与所述目标标签相同的颜色值，得到扩展区域图像；根据所述第一标注图像和所述扩展区域图像得到第三标注图像；

其中，所述的装置，还包括：

标注模块，用于：响应于所述渲染指令之前，获取针对所述背景图像的标注操作，所述标注操作位于所述第二层；基于所述标注操作在所述第二层生成用图层格式表示的所述第一标注图像；

第一转换模块，用于将所述第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩所述第一标注路径数据，得到所述目标标注路径数据；

上传模块，用于上传所述目标标注路径数据至所述服务端。

5.根据权利要求4所述的装置，还包括：

第一编辑模块，用于：

监听针对所述第一标注图像的擦除事件；

基于所述擦除事件确定擦除区域；

将所述擦除区域中至少一个像素点的颜色值调整为目标颜色值，得到擦除区域图像；

根据所述第一标注图像和所述擦除区域图像得到第二标注图像。

6.一种图像处理系统，包括：

客户端设备，响应于背景图像的渲染指令，发送所述背景图像的标注数据请求指令；

服务端设备，用于响应于所述背景图像的标注数据请求指令，获取所述背景图像的目标标注路径数据；将所述目标标注路径数据转换成采用预设编码格式表示的第一标注图像；发送所述第一标注图像；

所述客户端设备，还用于获取所述第一标注图像；将所述背景图像通过目标画布的第一层显示，将所述第一标注图像通过所述目标画布的第二层显示，所述第二层位于所述第一层的上方；通过所述第一层显示的所述背景图像以及所述第二层显示的所述第一标注图像，还原得到基于所述背景图像和所述目标标注路径数据生成的目标图像；

所述客户端设备，还用于监听针对目标标签的扩展事件，所述目标标签是所述背景图像的一个标注标签；基于所述扩展事件确定扩展区域；将所述扩展区域中至少一个像素点的颜色值调整为与所述目标标签相同的颜色值，得到扩展区域图像；根据所述第一标注图像和所述扩展区域图像得到第三标注图像；

其中，所述目标标注路径数据通过如下方法得到：

响应于所述渲染指令之前，所述客户端设备获取针对所述背景图像的标注操作，所述标注操作位于所述第二层；

基于所述标注操作在所述第二层生成用图层格式表示的所述第一标注图像；

将所述第一标注图像转换成第一标注路径数据，采用预设压缩算法压缩所述第一标注路径数据，得到所述目标标注路径数据；

上传所述目标标注路径数据至所述服务端设备，

所述服务端设备接收并存储所述目标标注路径数据。

7.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-3中任一项所述的方法。

8.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-3中任一项所述的方法。

Images