CN110704059B - 图像处理方法、装置、电子设备及存储介质 - Google Patents

图像处理方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN110704059B
CN110704059B CN201910984588.1A CN201910984588A CN110704059B CN 110704059 B CN110704059 B CN 110704059B CN 201910984588 A CN201910984588 A CN 201910984588A CN 110704059 B CN110704059 B CN 110704059B
Authority
CN
China
Prior art keywords
special effect
added
image
effect image
sticker
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.)
Active
Application number
CN201910984588.1A
Other languages
English (en)
Other versions
CN110704059A (zh
Inventor
李伯春
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN201910984588.1A priority Critical patent/CN110704059B/zh
Publication of CN110704059A publication Critical patent/CN110704059A/zh
Application granted granted Critical
Publication of CN110704059B publication Critical patent/CN110704059B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Information Transfer Between Computers (AREA)
  • Processing Or Creating Images (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

本公开关于一种图像处理方法、装置、电子设备及存储介质，本公开所提供的图像处理方法可以实现确定待添加特效图像；获取待添加特效图像的资源文件，使用渲染网页页面的渲染工具，基于资源文件中网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像；从网页图像中获取待添加特效图像；将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。由于渲染网页页面的渲染工具是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，因此，降低了开发成本。

Description

图像处理方法、装置、电子设备及存储介质
技术领域
本公开涉及图片和视频处理技术领域，尤其涉及一种图像处理方法、装置、电子设备及存储介质。
背景技术
目前，相关技术中在对图像进行处理过程中，可以为图片或视频添加特效图像，具体的方法，通常是获取待添加特效图像对应的描述规则，使用客户端UI(User Interface，用户界面)，按照该待添加特效图像的描述规则，在客户端界面当前显示的图片或视频帧上渲染出该待添加特效图像，其中，该待添加特效图像可以为：贴纸、字幕或水印等。
由于相关技术中是使用客户端UI，在客户端界面当前显示的图片或视频帧上渲染并绘制出待添加特效图像，所以，需要开发人员预先编写好能够按照该待添加特效图像的描述规则渲染出该待添加特效图像的代码，也就是说相关技术中一种描述规则对应一段代码；这就导致在相关技术中当特效图像的描述规则改变时，就需要开发人员重新编写代码，使得开发成本较高的问题。
发明内容
本公开提供一种图像处理方法、装置、电子设备及存储介质，以至少解决相关技术中开发成本较高的问题。本公开的技术方案如下：
根据本公开实施例的第一方面，提供一种图像处理方法，该方法，包括：
确定待添加特效图像；
获取所述待添加特效图像的资源文件，其中，所述资源文件中包含：网页文件和该待添加特效图像的素材，所述网页文件中包含所述待添加特效图像的描述规则；
使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则和素材，渲染出包含所述待添加特效图像的网页图像；
从所述网页图像中获取所述待添加特效图像；
将所述待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述确定待添加特效图像的步骤，包括：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；所述特效列表中包含：各个可添加特效图像的图标；
将所述特效列表中被选中的图标对应的特效，确定为待添加特效图像。
在一种具体的实施例中，所述获取所述待添加特效图像的资源文件的步骤，包括：
向服务器发送获取所述待添加特效图像的资源文件的请求；
接收服务器返回的所述待添加特效图像的资源文件。
在一种具体的实施例中，所述资源文件中还包含一个脚本文件；所述脚本文件用于在渲染网页页面的渲染工具渲染出包含所述待添加特效图像的网页图像时，将所述待添加特效图像信息反馈给所述客户端；
所述从所述网页图像中获取所述待添加特效图像的步骤，包括：
根据接收到的所述图像信息中所述待添加特效图像在渲染出的网页中的位置信息及大小，从所述网页图像中获取所述待添加特效图像对应的像素点的值，得到所述待添加特效图像；
所述将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的步骤，包括：
按照预设的绘制位置，将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述待添加特效图像为贴纸；所述贴纸的类型为：静态贴纸和动态贴纸；
所述特效列表中还包含各个可添加贴纸的贴纸类型信息；
所述图像处理方法，还包括：
当所述特效列表中的图标被选中时，获取所述被选中图标对应的贴纸的贴纸类型信息；
根据所述贴纸类型信息，确定待添加贴纸的类型；
如果所述待添加贴纸为静态贴纸，则执行所述获取所述待添加特效图像的资源文件的步骤；
如果所述待添加贴纸为动态贴纸，则判断所述客户端界面当前显示的是否为视频帧；
若所述客户端界面当前显示的是视频帧，则执行所述获取所述待添加特效图像的资源文件的步骤；否则，显示所述待添加贴纸为动态贴纸只能绘制到视频上的提示信息。
在一种具体的实施例中，当所述待添加贴纸为动态贴纸时，按照如下步骤将所述待添加贴纸的图像效绘制到所述客户端当前播放的视频上：
将所述客户端界面当前显示的视频帧确定为所述视频的当前帧；
将所述待添加贴纸的第一帧确定为所述待添加贴纸的当前帧；
使用渲染网页页面的渲染工具，基于网页文件中包含的所述待添加贴纸的描述规则和素材，渲染出包含所述待添加贴纸的当前帧图像的网页图像；
从所述网页图像中获取所述待添加贴纸的当前帧的图像；
将所述待添加贴纸的当前帧的图像绘制到所述视频的当前帧上；
判断所述待添加贴纸的当前帧是否为最后一帧；
如果否，则当播放到所述视频的当前帧的下一帧时，继续执行所述将所述视频帧确定为所述视频的当前帧的步骤；
如果是，则不再执行所述将所述视频帧确定为所述视频的当前帧的步骤。
在一种具体的实施例中，在所述将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的步骤之后，还包括：
当检测到特效修改指令时，显示预设的特效图像修改界面；所述特效修改指令中包含待修改特效图像的标识信息；所述待修改特效为所述客户端界面当前显示的特效中被选中的特效；所述预设的特效图像修改界面中包含修改选项；
将所述预设的特效图像修改界面中被选中的修改选项，确定为待修改选项；
接收修改信息；
用接收到的所述修改信息替换所述待修改选项的当前信息。
在一种具体的实施例中，所述用接收到的修改信息替换所述待修改选项的当前信息的步骤，包括：
当所述客户端接收到修改信息时，使用渲染网页页面的渲染工具，基于接收到的所述修改信息，更新所述待修改特效图像的网页图像；
从所述网页图像中获取所述待修改特效图像；
将所述待修改特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述脚本文件还用于获取所述客户端的平台相关数据；所述平台相关数据包含：所述客户端的系统时间和所述客户端所处的地理位置；
在所述获取所述待添加特效图像的资源文件的步骤之后，还包括：
当检测到特添加特定特效图像指令时，使用所述渲染网页页面的渲染工具利用所述资源文件中的脚本文件获取所述客户端的平台相关数据；
使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则、素材和所述客户端的平台相关数据，渲染出包含所述待添加特效图像的网页图像，其中，所述待添加特效图像中包含有所述平台相关数据；
从所述网页图像中获取所述待添加特效图像；
将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
根据本公开实施例的第二方面，提供一种图像处理装置，该装置，包括：
确定单元，被配置为执行确定待添加特效图像；
文件获取单元，被配置为执行获取所述待添加特效图像的资源文件，其中，所述资源文件中包含：网页文件和该待添加特效图像的素材，所述网页文件中包含所述待添加特效图像的描述规则；
渲染单元，被配置为执行使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则和素材，渲染出包含所述待添加特效图像的网页图像；
图像获取单元，被配置为执行从所述网页图像中获取所述待添加特效图像；
绘制单元，被配置为执行将所述待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述确定单元，具体被配置为执行：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；所述特效列表中包含：各个可添加特效图像的图标；
将所述特效列表中被选中的图标对应的特效，确定为待添加特效图像。
在一种具体的实施例中，文件获取单元，具体被配置为执行：
向服务器发送获取所述待添加特效图像的资源文件的请求；
接收服务器返回的所述待添加特效图像的资源文件。
在一种具体的实施例中，所述资源文件中还包含一个脚本文件；所述脚本文件用于在渲染网页页面的渲染工具渲染出包含所述待添加特效图像的网页图像时，将所述待添加特效图像信息反馈给所述客户端；
所述图像获取单元，具体被配置为执行根据接收到的所述图像信息中所述待添加特效图像在渲染出的网页中的位置信息及大小，从所述网页图像中获取所述待添加特效图像对应的像素点的值，得到所述待添加特效图像；
所述绘制单元，具体被配置为执行按照预设的绘制位置，将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述待添加特效图像为贴纸；所述贴纸的类型为：静态贴纸和动态贴纸；
所述特效列表中还包含各个可添加贴纸的贴纸类型信息；
所述图像处理装置，还包括：
类型信息获取单元，被配置为执行当所述特效列表中的图标被选中时，获取所述被选中图标对应的贴纸的贴纸类型信息；
类型确定单元，被配置为执行根据所述贴纸类型信息，确定待添加贴纸的类型；
判断单元，被配置为执行当所述待添加贴纸为动态贴纸时，判断所述客户端界面当前显示的是否为视频帧；
提示单元，被配置为执行在所述待添加贴纸为动态贴纸的情况下，当所述客户端界面当前显示的为视频帧时，显示所述待添加贴纸为动态贴纸只能绘制到视频上的提示信息。
在一种具体的实施例中，当所述待添加贴纸为动态贴纸时，所述绘制单元，具体被配置为执行：
将所述客户端界面当前显示的视频帧确定为所述视频的当前帧；
将所述待添加贴纸的第一帧确定为所述待添加贴纸的当前帧；
使用渲染网页页面的渲染工具，基于网页文件中包含的所述待添加贴纸的描述规则和素材，渲染出包含所述待添加贴纸的当前帧图像的网页图像；
从所述网页图像中获取所述待添加贴纸的当前帧的图像；
将所述待添加贴纸的当前帧的图像绘制到所述视频的当前帧上；
判断所述待添加贴纸的当前帧是否为最后一帧；如果否，则当播放到所述视频的当前帧的下一帧时，继续执行所述将所述视频帧确定为所述视频的当前帧的步骤；
如果是，则不再执行所述将所述视频帧确定为所述视频的当前帧的步骤。
在一种具体的实施例中，所述图像处理装置，还包括：
显示单元，被配置为执行在将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的后，当检测到特效修改指令时，显示预设的特效图像修改界面；所述特效修改指令中包含待修改特效图像的标识信息；所述待修改特效为所述客户端界面当前显示的特效中被选中的特效；所述预设的特效图像修改界面中包含修改选项；
修改选项确定单元，被配置为执行将所述预设的特效图像修改界面中被选中的修改选项，确定为待修改选项；
接收单元，被配置为执行接收修改信息；
替换单元，被配置为执行用接收到的所述修改信息替换所述待修改选项的当前信息。
在一种具体的实施例中，所述替换单元，具体被配置为执行：
当所述客户端接收到修改信息时，使用渲染网页页面的渲染工具，基于接收到的所述修改信息，更新所述待修改特效图像的网页图像；
从所述网页图像中获取所述待修改特效图像；
将所述待修改特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，所述脚本文件还用于获取所述客户端的平台相关数据；所述平台相关数据包含：所述客户端的系统时间和所述客户端所处的地理位置；
所述图像处理装置，还包括：
数据获取单元，被配置为执行在获取所述待添加特效图像的资源文件之后，当检测到特添加特定特效图像指令时，使用所述渲染网页页面的渲染工具利用所述资源文件中的脚本文件获取所述客户端的平台相关数据；
所述渲染单元，具体被配置为执行使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则、素材和所述客户端的平台相关数据，渲染出包含所述待添加特效图像的网页图像，其中，所述待添加特效图像中包含有所述平台相关数据。
根据本公开实施例的第三方面，提供一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行如本公开实施例第一方面中任一项所述的图像处理方法。
根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如本公开实施例第一方面中任一项所述的图像处理方法。
本公开的实施例提供的技术方案至少带来以下有益效果：使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像，再从该网页图像中获取待添加特效图像添加到客户端界面当前显示的图片或视频帧上；由于渲染网页页面的渲染工具是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，从而，解决了相关技术中存在的开发成本较高的问题。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种图像处理方法的流程图。
图2a是根据一示例性实施例示出的另一种图像处理方法的流程图。
图2b是根据一示例性实施例示出的一种特效图像修改界面的示意图。
图3是根据一示例性实施例示出的又一种图像处理方法的流程图。
图4是根据一示例性实施例示出的一种图像处理方法的交互流程图。
图5是根据一示例性实施例示出的一种将动态贴纸的图像绘制到客户端当前播放的视频上的流程图。
图6是根据一示例性实施例示出的一种图像处理装置的框图。
图7是根据一示例性实施例示出的另一种图像处理装置的框图。
图8是根据一示例性实施例示出的又一种图像处理装置的框图。
图9是根据一示例性实施例示出的一种电子设备的框图。
图10是根据一示例性实施例示出的一种用于图像处理的装置的框图。
图11是根据一示例性实施例示出的一种用于图像处理的装置的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种图像处理方法的流程图，如图1所示，该图像处理方法应用于客户端中，可以包括以下步骤：
在步骤S101中，确定待添加特效图像。
在一种具体的实施例中，可以在从服务器获取的特效列表中进行选择，具体可以是：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；特效列表中可以包含：各个可添加特效图像的图标；
将该特效列表中被选中的图标对应的特效，确定为待添加特效图像。
在步骤S102中，获取待添加特效图像的资源文件，其中，该资源文件中包含：网页文件和该待添加特效图像的素材，网页文件中包含待添加特效图像的描述规则。
在一种具体的实施例中，资源文件中可以包含一个网页文件，该网页文件中包含了待添加特效图像的所有描述规则，也就是待添加特效图像的所有信息，例如：文字内容，字体，布局样式等。
在实际应用中，如果待添加特效图像的描述规则较少，就写到一个网页文件中，如果多的话，可以写在多个网页文件中，其中有一个网页文件是入口文件，在入口文件中，包含资源文件中其他网页文件的在资源文件中的存储位置地址。
例如，一个贴纸有很多描述规则，如：贴纸的中央显示一行文字加上一个背景图片，贴纸的四个角各有一个文字加上一个背景图片，可以把其中的贴纸的中央显示一行文字加上一个背景图片的描述规则，写到入口文件index.html中，把贴纸的四个角各有一个文字加上一个背景图片的描述规则写到网页文件X.html中。
在实际应用中，可用特效图像的资源文件可以保存在服务器中，此时，可以按照如下步骤获取待添加特效图像的资源文件：
向服务器发送获取待添加特效图像的资源文件的请求；
接收服务器返回的该待添加特效图像的资源文件。
另外，如果当前确定的待添加特效图像，在之前已经添加过，也就是已经下载并保存了待添加特效图像的资源文件，则不需要向服务器请求资源文件，直接使用已经下载的资源文件即可。
在步骤S103中，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像。
在一种具体的实施例中，该渲染网页页面的渲染工具可以是浏览器引擎。
使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出的可以是包含待添加特效图像的网页页面，其中，该网页页面的大小可以为客户端屏幕的大小。
在步骤S104中，从网页图像中获取待添加特效图像。
在步骤S105中，将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
具体的可以是，按照预设的绘制位置，将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。例如：预设的绘制位置为客户端界面当前显示的图片或视频帧的中心位置，那么，就是将待添加特效图像绘制到客户端界面当前显示的图片或视频帧的中心位置上。当然在实际应用中，用户还可以将绘制好的特效移动至界面中的任意位置，也可以任意的放大或缩小特效以满足需求。
本公开的实施例提供的技术方案，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像，再从该网页图像中获取待添加特效图像添加到客户端界面当前显示的图片或视频帧上；由于渲染网页页面的渲染工具是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，从而，解决了相关技术中存在的开发成本较高的问题。
在一种具体的实施例中，参见图2a，基于图1所示的实施例，该实施例提供的图像处理方法，在步骤S105之后，还可以包括以下步骤：
在步骤S201中，当检测到特效修改指令时，显示预设的特效图像修改界面。
具体的，可以在客户端界面中设置一个编辑按钮，当检测到该编辑按钮被按下时，即为检测到该特效修改指令。
其中，特效修改指令中包含待修改特效图像的标识信息；待修改特效为用户在客户端界面当前显示的特效中选中的特效；预设的特效图像修改界面中包含修改选项。例如，参见图2b所示的特效图像修改界面，该特效图像修改界面中包含：图片选项、文字样式选项、字体选项和字体颜色选项，其中，图片选项为修改待修改特效图像当前使用的图片的选项，文字样式选项为修改待修改特效图像当前使用的文字样式的选项，字体选项为修改待修改特效图像当前使用的字体大小的选项，字体颜色选项为修改待修改特效图像当前使用的字体颜色的选项。
在步骤S202中，将预设的特效图像修改界面中被选中的修改选项，确定为待修改选项。
例如，将用户在预设的特效图像修改界面中选中的图片选项，确定为待修改选项。
在步骤S203中，接收修改信息。
例如，接收用户输入的待替换图片的路径地址。
在步骤S204中，用接收到的修改信息替换待修改选项的当前信息。
例如，根据接收到的用户输入的待替换图片的路径地址，获得待替换图片，用该待替换图片替换待修改特效图像当前使用的图片。
具体的，可以是：当客户端接收到用户输入的信息时，使用渲染网页页面的渲染工具，基于接收到的信息，更新待修改特效图像的网页图像；
从网页图像中获取待修改特效图像；
将待修改特效图像绘制到客户端界面当前显示的图片或视频帧上。
由图2a所示的实施例可以看出，本实施例提供的方法，可以实现根据用户需求对特效进行修改，从而，更能满足用户的个性需求，提高用户体验。
在一种具体的实施例中，资源文件中的脚本文件还可以用于获取客户端的平台相关数据；该平台相关数据可以包含：客户端的系统时间和客户端所处的地理位置，这样，就可以自动生成包含时间和/或地理位置的特效。具体的，参见图3，步骤S101和步骤S102与图1所示实施例相同，这里不再重复。在步骤S102后，执行步骤S301。
在步骤S301中，当检测到特添加特定特效图像指令时，使用渲染网页页面的渲染工具利用资源文件中的脚本文件获取客户端的平台相关数据。
具体的，可以在客户端界面中设置一个特添加特定特效图像图像的按钮，当客户端检测到该特添加特定特效图像图像的按钮被按下时，即为检测到用户触发了特添加特定特效图像指令。
这里的特定特效图像指的是在待添加特效图像中添加了客户端的平台相关数据的特效图像，例如：在待添加特效图像中添加了客户端的系统时间和/或客户端的地理位置的特效图像。
在步骤S302中，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则、素材和客户端的平台相关数据，渲染出包含待添加特效图像的网页图像，其中，该待添加特效图像中包含有平台相关数据。
在步骤S303中，从网页图像中获取待添加特效图像。
在步骤S304中，将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
在本实施例中，由于脚本文件可以用于获取客户端的平台相关数据，并且可以使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则、素材和客户端的平台相关数据，渲染出图像中包含有平台相关数据的待添加特效图像，因此，相较于相关技术，可以实现不需要更改特效图像的描述规则且编写对应的代码，就能满足特定特效图像的绘制需求。
以下列举一个具体的实施例，对本公开实施例提供的图像处理方法做进一步详细的说明。
图4是根据一示例性实施例示出的一种图像处理方法的交互流程图，在该实施例中特效可以为贴纸，其中，贴纸的类型可以为：静态贴纸和动态贴纸；渲染网页页面的渲染工具可以为浏览器引擎。如图4所示，在该实施例中，客户端设备中包含：用于执行该图像处理方法的客户端软件和用于渲染网页页面的浏览器引擎。
该图像处理方法，可以包括以下步骤：
在步骤S401中，当客户端检测到用户触发了添加特效图像的指令时，向服务器发送获取贴纸列表的请求。
具体的，可以在客户端界面中设置一个添加特效按钮，当检测到该添加特效按钮被按下时，即为检测到用户触发了添加特效图像的指令。
在步骤S402中，服务器在接收到客户端发送的获取贴纸列表请求时，向客户端返回贴纸列表；
其中，该贴纸列表中可以包含：各个可添加贴纸的图标和各个可添加贴纸的贴纸类型信息。
在步骤S403中，客户端将用户从贴纸列表中选中的图标对应的贴纸，确定为待添加贴纸；并从贴纸列表中获取该待添加贴纸的贴纸类型信息。
在步骤S404中，客户端向服务器发送获取待添加贴纸的资源文件的请求。
其中，该请求中包含待添加贴纸的标识信息。
在步骤S405中，服务器在接收到客户端发送的获取待添加贴纸的资源文件的请求时，向客户端返回该待添加贴纸的资源文件。
在实际应用中，资源文件中还可以包含一个CSS(Cascading Style Sheets，层叠样式表)布局文件，和一个脚本文件；该脚本文件可以用于在渲染网页页面的渲染工具渲染出包含待添加特效图像的网页图像时，将该待添加特效图像信息反馈给客户端；具体的，该脚本文件可以是JS(JavaScript)脚本文件，其中，CSS是一种用来表现HTML或XML等文件样式的计算机语言；JS是一种直译式脚本语言,JS的解释器通常被称为JavaScript引擎，是浏览器的一部分；JS可以用于给网页增加动态功能。
具体的，服务器将待添加贴纸的资源文件的压缩包返回给客户端。
在步骤S406中，客户端将接收到的资源文件中的网页文件发送给浏览器引擎。
具体的，客户端在接收到待添加贴纸的资源文件的压缩包后，对该压缩包进行解压，并将资源文件中网页文件的路径发送给浏览器引擎。
在步骤S407中，浏览器引擎，基于网页文件中包含的该待添加贴纸的描述规则和素材，渲染出包含待添加贴纸的图像的网页图像。
在步骤S408中，浏览器引擎，将网页图像返回给客户端。
具体的，浏览器引擎可以将渲染得到的网页图像以JSON(JavaScript ObjectNotation，JS对象简谱)的格式返回给客户端，其中，JSON是一种轻量级的数据交换格式。
在步骤S409中，客户端从网页图像中获取待添加贴纸的图像。
在一种具体的实施例中，客户端可以根据接收到的图像信息中包含的：待添加特效图像在渲染出的网页中的位置信息及大小，从网页图像中获取待添加特效图像对应的像素点的值，得到待添加特效图像，其中，图像信息中可以包含：待添加特效图像所使用的图片、所包含的文字信息、所使用的文字样式、在网页中的位置信息及大小等。
在步骤S410中，客户端根据该待添加贴纸的类型信息，确定待添加贴纸的类型；如果该待添加贴纸为静态贴纸，则执行步骤S411；如果该待添加贴纸为动态贴纸，则执行步骤S412。
在步骤S411中，将待添加贴纸的图像绘制到客户端界面当前显示的图片或视频帧上，结束。这样，就完成了贴纸的添加。
在实际应用中，还可以将静态贴纸添加到当前播放视频的多个帧上，具体的，可以设置一个选择对话框，用于在将贴纸的图像绘制到客户端界面当前显示的视频帧上之前，接收用户设置的视频开始时刻和结束时刻；客户端在接收到用户设置的视频开始时刻和结束时刻后，根据用户设置的开始时刻和结束时刻，确定需要添加贴纸的视频帧；由视频开始时刻开始播放视频，并由该视频开始时刻对应的视频帧开始，将待添加贴纸的图像绘制到所有需要添加贴纸的视频帧上。
在步骤S412中，判断是否为正在播放的视频添加动态贴纸；如果是，则执行步骤S413；如果否，则执行步骤S414。
具体的，可以是判断是否为播放器中正在播放的视频添加动态贴纸，如果是，则执行步骤S413，如果判断结果为为图片预览器中的图片添加动态贴纸，则执行步骤S415。
在步骤S413中，将待添加贴纸的图像绘制到客户端界面当前显示的视频帧上，结束。这样，就完成了贴纸的添加。
在步骤S414中，显示提示信息，提示用户待添加贴纸为动态贴纸只能绘制到视频上。
在一种具体的实施例中，当待添加贴纸为动态贴纸时，参见图5，可以按照如下步骤将待添加贴纸的图像效绘制到客户端当前播放的视频上：
在步骤S501中，将客户端界面当前显示的视频帧确定为视频的当前帧。
在步骤S502中，将待添加贴纸的第一帧确定为待添加贴纸的当前帧。
在步骤S503中，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加贴纸的描述规则和素材，渲染出包含待添加贴纸的当前帧图像的网页图像。
在步骤S504中，从网页图像中获取待添加贴纸的当前帧的图像。
在步骤S505中，将待添加贴纸的当前帧的图像绘制到视频的当前帧上。
在步骤S506中，判断待添加贴纸的当前帧是否为最后一帧；如果否，则当播放到视频的当前帧的下一帧时，继续执行步骤S501；如果待添加贴纸的当前帧为最后一帧，则表明已完成该待添加贴纸的绘制，结束。
本公开的实施例提供的技术方案，使用浏览器引擎，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像，再从该网页图像中获取待添加特效图像添加到客户端界面当前显示的图片或视频帧上；由于浏览器引擎是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，从而，解决了相关技术中存在的开发成本较高的问题。
另外，由于不同操作系统的客户端可以使用同一种浏览器引擎，因此，应用本公开所提供的图像处理方法，可以保证不同操作系统的客户端看到的特效效果是一样的。
图6是根据一示例性实施例示出的一种图像处理装置框图。参照图6，该装置可以包括：确定单元601，文件获取单元602、渲染单元603、图像获取单元604和绘制单元605。
该确定单元601，被配置为执行确定待添加特效图像；
该文件获取单元602，被配置为执行获取待添加特效图像的资源文件，其中，资源文件中包含：网页文件和该待添加特效图像的素材，网页文件中包含待添加特效图像的描述规则；
该渲染单元603，被配置为执行使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像；
该图像获取单元604，被配置为执行从网页图像中获取待添加特效图像；
该绘制单元605，被配置为执行将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，确定单元601，具体被配置为执行：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；特效列表中包含：各个可添加特效图像的图标；
将特效列表中被选中的图标对应的特效，确定为待添加特效图像。
在一种具体的实施例中，文件获取单元602，具体被配置为执行：
向服务器发送获取待添加特效图像的资源文件的请求；
接收服务器返回的待添加特效图像的资源文件。
在一种具体的实施例中，资源文件中还包含一个脚本文件；脚本文件用于在渲染网页页面的渲染工具渲染出包含待添加特效图像的网页图像时，将待添加特效图像信息反馈给客户端；
图像获取单元604，具体被配置为执行根据接收到的图像信息中待添加特效图像在渲染出的网页中的位置信息及大小，从网页图像中获取待添加特效图像对应的像素点的值，得到待添加特效图像；
绘制单元605，具体被配置为执行按照预设的绘制位置，将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，待添加特效图像为贴纸；贴纸的类型为：静态贴纸和动态贴纸；
特效列表中还包含各个可添加贴纸的贴纸类型信息；
参见图7，该图像处理装置，还可以包括：
类型信息获取单元701，被配置为执行当所述特效列表中的图标被选中时，获取所述被选中图标对应的贴纸的贴纸类型信息；
类型确定单元702，被配置为执行根据贴纸类型信息，确定待添加贴纸的类型；
判断单元703，被配置为执行当待添加贴纸为动态贴纸时，判断客户端界面当前显示的是否为视频帧；
提示单元704，被配置为执行在待添加贴纸为动态贴纸的情况下，当客户端界面当前显示的为视频帧时，显示所述待添加贴纸为动态贴纸只能绘制到视频上的提示信息。
在一种具体的实施例中，当待添加贴纸为动态贴纸时，绘制单元605，具体被配置为执行：
将客户端界面当前显示的视频帧确定为视频的当前帧；
将待添加贴纸的第一帧确定为待添加贴纸的当前帧；
使用渲染网页页面的渲染工具，基于网页文件中包含的待添加贴纸的描述规则和素材，渲染出包含待添加贴纸的当前帧图像的网页图像；
从网页图像中获取待添加贴纸的当前帧的图像；
将待添加贴纸的当前帧的图像绘制到视频的当前帧上；
判断待添加贴纸的当前帧是否为最后一帧；如果否，则当播放到视频的当前帧的下一帧时，继续执行将视频帧确定为视频的当前帧的步骤；
如果是，则不再执行将视频帧确定为视频的当前帧的步骤。
在一种具体的实施例中，参见图8，该图像处理装置，还可以包括：
显示单元801，被配置为执行在将待添加特效图像绘制到客户端界面当前显示的图片或视频帧上的后，当检测到特效修改指令时，显示预设的特效图像修改界面；特效修改指令中包含待修改特效图像的标识信息；待修改特效为客户端界面当前显示的特效中被选中的特效；预设的特效图像修改界面中包含修改选项；
修改选项确定单元802，被配置为执行将预设的特效图像修改界面中被选中的修改选项，确定为待修改选项；
接收单元803，被配置为执行接收修改信息；
替换单元804，被配置为执行用接收到的修改信息替换待修改选项的当前信息。
在一种具体的实施例中，替换单元804，具体被配置为执行：
当客户端接收到修改信息时，使用渲染网页页面的渲染工具，基于接收到的修改信息，更新待修改特效图像的网页图像；
从网页图像中获取待修改特效图像；
将待修改特效图像绘制到客户端界面当前显示的图片或视频帧上。
在一种具体的实施例中，脚本文件还用于获取客户端的平台相关数据；平台相关数据包含：客户端的系统时间和客户端所处的地理位置；
该图像处理装置，还可以包括：
数据获取单元(图中未示出)，被配置为执行在获取待添加特效图像的资源文件之后，当检测到特添加特定特效图像指令时，使用渲染网页页面的渲染工具利用资源文件中的脚本文件获取客户端的平台相关数据；
渲染单元603，具体被配置为执行使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则、素材和客户端的平台相关数据，渲染出包含待添加特效图像的网页图像，其中，待添加特效图像中包含有平台相关数据。
本公开的实施例提供的技术方案，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像，再从该网页图像中获取待添加特效图像添加到客户端界面当前显示的图片或视频帧上；由于渲染网页页面的渲染工具是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，从而，解决了相关技术中存在的开发成本较高的问题。
图9是根据一示例性实施例示出的一种电子设备的框图。如图9所示，该电子设备可以包括：
处理器901、通信接口902、存储器903和通信总线904，其中，处理器901，通信接口902，存储器903通过通信总线904完成相互间的通信，
存储器903，用于存放计算机程序；
处理器901，用于执行存储器903上所存放的程序时，实现上述实施例中任一所述的图像处理方法。
本公开的实施例提供的技术方案，使用渲染网页页面的渲染工具，基于网页文件中包含的待添加特效图像的描述规则和素材，渲染出包含待添加特效图像的网页图像，再从该网页图像中获取待添加特效图像添加到客户端界面当前显示的图片或视频帧上；由于渲染网页页面的渲染工具是针对网页文件进行渲染，渲染过程并不受限于该网页文件中的具体内容，因此，使用渲染网页页面的渲染工具，可以对任一描述规则的特效进行渲染，不需要像相关技术那样，针对每一种描述规则都需要编写对应的代码，从而，解决了相关技术中存在的开发成本较高的问题。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本公开提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质内存储有计算机程序，计算机程序被处理器执行时实现上述任一图像处理方法的步骤。
在本公开提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一图像处理方法。
图10是根据一示例性实施例示出的一种用于图像处理的装置1000的框图。例如，装置1000可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
参照图10，装置1000可以包括以下一个或多个组件：处理组件1002，存储器1004，电源组件1006，多媒体组件1008，音频组件1010，输入/输出(I/O)接口1012，传感器组件1014，以及通信组件1016。
处理组件1002通常控制装置1000的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1002可以包括一个或多个处理器1020来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1002可以包括一个或多个模块，便于处理组件1002和其他组件之间的交互。例如，处理组件1002可以包括多媒体模块，以方便多媒体组件1008和处理组件1002之间的交互。
存储器1004被配置为存储各种类型的数据以支持在装置1000的操作。这些数据的示例包括用于在装置1000上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电源组件1006为装置1000的各种组件提供电力。电源组件1006可以包括电源管理系统，一个或多个电源，及其他与为装置1000生成、管理和分配电力相关联的组件。
多媒体组件1008包括在所述装置1000和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1008包括一个前置摄像头和/或后置摄像头。当设备1000处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件1010被配置为输出和/或输入音频信号。例如，音频组件1010包括一个麦克风(MIC)，当装置1000处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1004或经由通信组件1016发送。在一些实施例中，音频组件1010还包括一个扬声器，用于输出音频信号。
I/O接口1012为处理组件1002和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1014包括一个或多个传感器，用于为装置1000提供各个方面的状态评估。例如，传感器组件1014可以检测到设备1000的打开/关闭状态，组件的相对定位，例如所述组件为装置1000的显示器和小键盘，传感器组件1014还可以检测装置1000或装置1000一个组件的位置改变，用户与装置1000接触的存在或不存在，装置1000方位或加速/减速和装置1000的温度变化。传感器组件1014可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1014还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1014还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件1016被配置为便于装置1000和其他设备之间有线或无线方式的通信。装置1000可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件1016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1016还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，装置1000可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
在示例性实施例中，还提供了一种包括指令的存储介质，例如包括指令的存储器1004，上述指令可由装置1000的处理器1020执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图11是根据一示例性实施例示出的一种用于图像处理的装置1100的框图。例如，装置1100可以被提供为一服务器。参照图11，装置1100包括处理组件1122，其进一步包括一个或多个处理器，以及由存储器1132所代表的存储器资源，用于存储可由处理组件1122的执行的指令，例如应用程序。存储器1132中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1122被配置为执行指令，以执行上述图像处理方法的方法步骤。
装置1100还可以包括一个电源组件1126被配置为执行装置1100的电源管理，一个有线或无线网络接口1150被配置为将装置1100连接到网络，和一个输入输出(I/O)接口1158。装置1100可以操作基于存储在存储器1132的操作系统，例如Windows ServerTM，MacOS XTM，UnixTM,LinuxTM，FreeBSDTM或类似的操作系统。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (20)

1.一种图像处理方法，其特征在于，所述方法，包括：
确定待添加特效图像；
获取所述待添加特效图像的资源文件，其中，所述资源文件中包含：网页文件和该待添加特效图像的素材，所述网页文件中包含所述待添加特效图像的描述规则；
所述资源文件中还包含一个脚本文件；所述脚本文件用于在渲染网页页面的渲染工具渲染出包含所述待添加特效图像的网页图像时，将所述待添加特效图像信息反馈给客户端；
使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则和素材，渲染出包含所述待添加特效图像的网页图像；
从所述网页图像中获取所述待添加特效图像；
所述从所述网页图像中获取所述待添加特效图像的步骤，包括：
根据接收到的所述图像信息中所述待添加特效图像在渲染出的网页中的位置信息及大小，从所述网页图像中获取所述待添加特效图像对应的像素点的值，得到所述待添加特效图像；
将所述待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
2.根据权利要求1所述的图像处理方法，其特征在于，所述确定待添加特效图像的步骤，包括：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；所述特效列表中包含：各个可添加特效图像的图标；
将所述特效列表中被选中的图标对应的特效，确定为待添加特效图像。
3.根据权利要求1所述的图像处理方法，其特征在于，所述获取所述待添加特效图像的资源文件的步骤，包括：
向服务器发送获取所述待添加特效图像的资源文件的请求；
接收服务器返回的所述待添加特效图像的资源文件。
4.根据权利要求1所述的图像处理方法，其特征在于，
所述将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的步骤，包括：
按照预设的绘制位置，将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
5.根据权利要求2所述的图像处理方法，其特征在于，
所述待添加特效图像为贴纸；所述贴纸的类型为：静态贴纸和动态贴纸；
所述特效列表中还包含各个可添加贴纸的贴纸类型信息；
所述图像处理方法，还包括：
当所述特效列表中的图标被选中时，获取所述被选中图标对应的贴纸的贴纸类型信息；
根据所述贴纸类型信息，确定待添加贴纸的类型；
如果所述待添加贴纸为静态贴纸，则执行所述获取所述待添加特效图像的资源文件的步骤；
如果所述待添加贴纸为动态贴纸，则判断所述客户端界面当前显示的是否为视频帧；
若所述客户端界面当前显示的是视频帧，则执行所述获取所述待添加特效图像的资源文件的步骤；否则，显示所述待添加贴纸为动态贴纸只能绘制到视频上的提示信息。
6.根据权利要求5所述的图像处理方法，其特征在于，
当所述待添加贴纸为动态贴纸时，按照如下步骤将所述待添加贴纸的图像效绘制到所述客户端当前播放的视频上：
将所述客户端界面当前显示的视频帧确定为所述视频的当前帧；
将所述待添加贴纸的第一帧确定为所述待添加贴纸的当前帧；
使用渲染网页页面的渲染工具，基于网页文件中包含的所述待添加贴纸的描述规则和素材，渲染出包含所述待添加贴纸的当前帧图像的网页图像；
从所述网页图像中获取所述待添加贴纸的当前帧的图像；
将所述待添加贴纸的当前帧的图像绘制到所述视频的当前帧上；
判断所述待添加贴纸的当前帧是否为最后一帧；
如果否，则当播放到所述视频的当前帧的下一帧时，继续执行所述将所述视频帧确定为所述视频的当前帧的步骤；
如果是，则不再执行所述将所述视频帧确定为所述视频的当前帧的步骤。
7.根据权利要求1所述的图像处理方法，其特征在于，在所述将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的步骤之后，还包括：
当检测到特效修改指令时，显示预设的特效图像修改界面；所述特效修改指令中包含待修改特效图像的标识信息；所述待修改特效为所述客户端界面当前显示的特效中被选中的特效；所述预设的特效图像修改界面中包含修改选项；
将所述预设的特效图像修改界面中被选中的修改选项，确定为待修改选项；
接收修改信息；
用接收到的所述修改信息替换所述待修改选项的当前信息。
8.根据权利要求7所述的图像处理方法，其特征在于，所述用接收到的修改信息替换所述待修改选项的当前信息的步骤，包括：
当所述客户端接收到修改信息时，使用渲染网页页面的渲染工具，基于接收到的所述修改信息，更新所述待修改特效图像的网页图像；
从所述网页图像中获取所述待修改特效图像；
将所述待修改特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
9.根据权利要求1所述的图像处理方法，其特征在于，
所述脚本文件还用于获取所述客户端的平台相关数据；所述平台相关数据包含：所述客户端的系统时间和所述客户端所处的地理位置；
在所述获取所述待添加特效图像的资源文件的步骤之后，还包括：
当检测到特添加特定特效图像指令时，使用所述渲染网页页面的渲染工具利用所述资源文件中的脚本文件获取所述客户端的平台相关数据；
使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则、素材和所述客户端的平台相关数据，渲染出包含所述待添加特效图像的网页图像，其中，所述待添加特效图像中包含有所述平台相关数据；
从所述网页图像中获取所述待添加特效图像；
将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
10.一种图像处理装置，其特征在于，所述装置，包括：
确定单元，被配置为执行确定待添加特效图像；
文件获取单元，被配置为执行获取所述待添加特效图像的资源文件，其中，所述资源文件中包含：网页文件和该待添加特效图像的素材，所述网页文件中包含所述待添加特效图像的描述规则；
所述资源文件中还包含一个脚本文件；所述脚本文件用于在渲染网页页面的渲染工具渲染出包含所述待添加特效图像的网页图像时，将所述待添加特效图像信息反馈给客户端；
渲染单元，被配置为执行使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则和素材，渲染出包含所述待添加特效图像的网页图像；
图像获取单元，被配置为执行从所述网页图像中获取所述待添加特效图像；
所述图像获取单元，具体被配置为执行根据接收到的所述图像信息中所述待添加特效图像在渲染出的网页中的位置信息及大小，从所述网页图像中获取所述待添加特效图像对应的像素点的值，得到所述待添加特效图像；
绘制单元，被配置为执行将所述待添加特效图像绘制到客户端界面当前显示的图片或视频帧上。
11.根据权利要求10所述的图像处理装置，其特征在于，所述确定单元，具体被配置为执行：
当检测到添加特效图像的指令时，向服务器发送获取特效列表的请求；
接收服务器返回的特效列表；所述特效列表中包含：各个可添加特效图像的图标；
将所述特效列表中被选中的图标对应的特效，确定为待添加特效图像。
12.根据权利要求10所述的图像处理装置，其特征在于，文件获取单元，具体被配置为执行：
向服务器发送获取所述待添加特效图像的资源文件的请求；
接收服务器返回的所述待添加特效图像的资源文件。
13.根据权利要求10所述的图像处理装置，其特征在于，
所述绘制单元，具体被配置为执行按照预设的绘制位置，将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
14.根据权利要求11所述的图像处理装置，其特征在于，
所述待添加特效图像为贴纸；所述贴纸的类型为：静态贴纸和动态贴纸；
所述特效列表中还包含各个可添加贴纸的贴纸类型信息；
所述图像处理装置，还包括：
类型信息获取单元，被配置为执行当所述特效列表中的图标被选中时，获取所述被选中图标对应的贴纸的贴纸类型信息；
类型确定单元，被配置为执行根据所述贴纸类型信息，确定待添加贴纸的类型；
判断单元，被配置为执行当所述待添加贴纸为动态贴纸时，判断所述客户端界面当前显示的是否为视频帧；
提示单元，被配置为执行在所述待添加贴纸为动态贴纸的情况下，当所述客户端界面当前显示的为视频帧时，显示所述待添加贴纸为动态贴纸只能绘制到视频上的提示信息。
15.根据权利要求14所述的图像处理装置，其特征在于，
当所述待添加贴纸为动态贴纸时，所述绘制单元，具体被配置为执行：
将所述客户端界面当前显示的视频帧确定为所述视频的当前帧；
将所述待添加贴纸的第一帧确定为所述待添加贴纸的当前帧；
使用渲染网页页面的渲染工具，基于网页文件中包含的所述待添加贴纸的描述规则和素材，渲染出包含所述待添加贴纸的当前帧图像的网页图像；
从所述网页图像中获取所述待添加贴纸的当前帧的图像；
将所述待添加贴纸的当前帧的图像绘制到所述视频的当前帧上；
判断所述待添加贴纸的当前帧是否为最后一帧；如果否，则当播放到所述视频的当前帧的下一帧时，继续执行所述将所述视频帧确定为所述视频的当前帧的步骤；
如果是，则不再执行所述将所述视频帧确定为所述视频的当前帧的步骤。
16.根据权利要求10所述的图像处理装置，其特征在于，所述图像处理装置，还包括：
显示单元，被配置为执行在将所述待添加特效图像绘制到所述客户端界面当前显示的图片或视频帧上的后，当检测到特效修改指令时，显示预设的特效图像修改界面；所述特效修改指令中包含待修改特效图像的标识信息；所述待修改特效为所述客户端界面当前显示的特效中被选中的特效；所述预设的特效图像修改界面中包含修改选项；
修改选项确定单元，被配置为执行将所述预设的特效图像修改界面中被选中的修改选项，确定为待修改选项；
接收单元，被配置为执行接收修改信息；
替换单元，被配置为执行用接收到的所述修改信息替换所述待修改选项的当前信息。
17.根据权利要求16所述的图像处理装置，其特征在于，所述替换单元，具体被配置为执行：
当所述客户端接收到修改信息时，使用渲染网页页面的渲染工具，基于接收到的所述修改信息，更新所述待修改特效图像的网页图像；
从所述网页图像中获取所述待修改特效图像；
将所述待修改特效图像绘制到所述客户端界面当前显示的图片或视频帧上。
18.根据权利要求10所述的图像处理装置，其特征在于，
所述脚本文件还用于获取所述客户端的平台相关数据；所述平台相关数据包含：所述客户端的系统时间和所述客户端所处的地理位置；
所述图像处理装置，还包括：
数据获取单元，被配置为执行在获取所述待添加特效图像的资源文件之后，当检测到特添加特定特效图像指令时，使用所述渲染网页页面的渲染工具利用所述资源文件中的脚本文件获取所述客户端的平台相关数据；
所述渲染单元，具体被配置为执行使用渲染网页页面的渲染工具，基于所述网页文件中包含的所述待添加特效图像的描述规则、素材和所述客户端的平台相关数据，渲染出包含所述待添加特效图像的网页图像，其中，所述待添加特效图像中包含有所述平台相关数据。
19.一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至9中任一项所述的图像处理方法。
20.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至9中任一项所述的图像处理方法。
CN201910984588.1A 2019-10-16 2019-10-16 图像处理方法、装置、电子设备及存储介质 Active CN110704059B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910984588.1A CN110704059B (zh) 2019-10-16 2019-10-16 图像处理方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910984588.1A CN110704059B (zh) 2019-10-16 2019-10-16 图像处理方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN110704059A CN110704059A (zh) 2020-01-17
CN110704059B true CN110704059B (zh) 2023-05-30

Family

ID=69199960

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910984588.1A Active CN110704059B (zh) 2019-10-16 2019-10-16 图像处理方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN110704059B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111797061B (zh) * 2020-06-30 2023-10-17 北京达佳互联信息技术有限公司 一种多媒体文件的处理方法、装置、电子设备和存储介质
CN111784802A (zh) * 2020-07-30 2020-10-16 支付宝(杭州)信息技术有限公司 一种图像的生成方法、装置以及设备
CN112199538B (zh) * 2020-09-30 2023-12-12 北京达佳互联信息技术有限公司 图片处理方法、装置、电子设备、系统及存储介质
CN113421214A (zh) * 2021-07-15 2021-09-21 北京小米移动软件有限公司 特效文字生成方法、装置、存储介质以及电子设备
CN113672836B (zh) * 2021-07-16 2024-03-15 上海硬通网络科技有限公司 网页动态特效的设置方法、装置、设备及存储介质
CN117676053B (zh) * 2024-01-31 2024-04-16 成都华栖云科技有限公司 一种动态字幕渲染方法及系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103500186A (zh) * 2013-09-13 2014-01-08 北京奇虎科技有限公司 一种在浏览器中进行图片加载的方法、装置和浏览器
CN103500187A (zh) * 2013-09-13 2014-01-08 北京奇虎科技有限公司 一种在浏览器中进行图片处理的方法、装置和浏览器
CN104615776A (zh) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 提供待展示信息的方法及装置
CN110275704A (zh) * 2019-05-24 2019-09-24 北京三快在线科技有限公司 页面数据处理方法和装置，存储介质和电子设备

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2766816A4 (en) * 2011-10-10 2016-01-27 Vivoom Inc RESTITUTION AND ORIENTATION BASED ON A NETWORK OF VISUAL EFFECTS

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103500186A (zh) * 2013-09-13 2014-01-08 北京奇虎科技有限公司 一种在浏览器中进行图片加载的方法、装置和浏览器
CN103500187A (zh) * 2013-09-13 2014-01-08 北京奇虎科技有限公司 一种在浏览器中进行图片处理的方法、装置和浏览器
CN104615776A (zh) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 提供待展示信息的方法及装置
CN110275704A (zh) * 2019-05-24 2019-09-24 北京三快在线科技有限公司 页面数据处理方法和装置，存储介质和电子设备

Also Published As

Publication number Publication date
CN110704059A (zh) 2020-01-17

Similar Documents

Publication Publication Date Title
CN110704059B (zh) 图像处理方法、装置、电子设备及存储介质
EP3046068B1 (en) Method and device for adjusting page display
CN110874217B (zh) 快应用的界面显示方法、装置及存储介质
US10642456B2 (en) Application distribution method and device
CN107193606B (zh) 应用分发方法及装置
CN105489194A (zh) 一种显示图像的方法和装置
CN105808305B (zh) 静态资源的加载方法和装置
CN106126025B (zh) 复制粘贴的交互方法及装置
CN105426094B (zh) 信息粘贴方法及装置
CN110704053B (zh) 一种样式信息的处理方法及装置
US20150116368A1 (en) Method and device for adjusting characters of application
CN105404438A (zh) 背景模糊方法、装置及终端设备
CN109117144B (zh) 页面处理方法、装置、终端及存储介质
CN110782510B (zh) 一种贴纸生成方法及装置
CN110865864B (zh) 快应用的界面显示方法、装置、设备及存储介质
CN105808304B (zh) 代码部署方法、装置及系统
CN108829473B (zh) 事件响应方法、装置及存储介质
CN112579943B (zh) 信息显示方法、装置、设备及存储介质
CN107179837B (zh) 输入方法及装置
CN112882784A (zh) 一种应用界面显示方法、装置、智能设备及介质
CN111612875A (zh) 一种动态图像生成方法、装置、电子设备及存储介质
CN112765511B (zh) 业务对象的展示方法、装置、设备、存储介质和程序产品
CN114827721A (zh) 视频特效处理方法、装置、存储介质及电子设备
CN111131000B (zh) 一种信息传输方法、装置、服务器、终端
CN109389547B (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
GR01 Patent grant
GR01 Patent grant