CN112748839A - 图片处理方法、装置、计算机可读存储介质和计算机设备 - Google Patents

图片处理方法、装置、计算机可读存储介质和计算机设备 Download PDF

Info

Publication number
CN112748839A
CN112748839A CN202010095473.XA CN202010095473A CN112748839A CN 112748839 A CN112748839 A CN 112748839A CN 202010095473 A CN202010095473 A CN 202010095473A CN 112748839 A CN112748839 A CN 112748839A
Authority
CN
China
Prior art keywords
component
picture
finished product
modified
product picture
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
Application number
CN202010095473.XA
Other languages
English (en)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010095473.XA priority Critical patent/CN112748839A/zh
Publication of CN112748839A publication Critical patent/CN112748839A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请涉及一种图片处理方法、装置、计算机可读存储介质和计算机设备,所述方法包括:获取对第一成品图片的处理请求,并根据处理请求,从服务器中获取第一成品图片的版本号。根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据,并解析第一结构数据,获取第一成品图片各组件的属性信息。获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理。本申请提供的方案可以实现在逻辑上对第一成品图片相应组件的属性信息进行编辑处理,无需使用物理抹除或覆盖的方式,即可实现对成品图片的编辑或修改,可避免出现较多修改痕迹,保留了图片更好的展示效果。

Description

图片处理方法、装置、计算机可读存储介质和计算机设备
技术领域
本申请涉及计算机技术领域,特别是涉及一种图片处理方法、装置、计算机可读存储介质和计算机设备。
背景技术
随着计算机技术的发展,以及互联网产品在日常工作生活中的广泛应用,针对不同的互联网产品,存在相应的图片操作需求。现有的图片编辑技术,对图片进行编辑发布展示后,对图片再次进行编辑时,需要利用抹除工具来模糊文字或者挂件内容,然后用新的内容填在抹除区域,或者等同大小的图片来覆盖需要修改的原始区域。
然而,目前的编辑技术,对于图片的多次编辑使用涂抹或者覆盖的方式会造成涂抹痕迹,或者图片覆盖不了待修改的原始区域,从而造成图片多次编辑后有明显的编辑痕迹,图片展示效果较差,无法满足用户需求。
发明内容
基于此,有必要针对多次编辑图片导致图片展示效果较差的技术问题,提供一种图片处理方法、装置、计算机可读存储介质和计算机设备。
一种图片处理方法,包括:
获取对第一成品图片的处理请求;
根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
一种图片处理装置,所述装置包括:
处理请求获取模块,用于获取对第一成品图片的处理请求;
版本号获取模块,用于根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
下载模块,用于根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
属性信息获取模块,用于解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
编辑处理模块,用于获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行时实现以下步骤:
获取对第一成品图片的处理请求;
根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时实现以下步骤:
获取对第一成品图片的处理请求;
根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
上述图片处理方法、装置、计算机可读存储介质和计算机设备,通过获取对第一成品图片的处理请求,并根据处理请求,从服务器中获取第一成品图片的版本号。由于不同成品图片对应各自唯一的版本号,进而可根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据,并解析第一结构数据,获取第一成品图片各组件的属性信息。通过获取对第一成品图片的组件编辑指令,并根据组件编辑指令,在逻辑上对第一成品图片相应组件的属性信息进行编辑处理,无需使用物理抹除或覆盖的方式,即可实现对成品图片的编辑或修改,可避免出现较多修改痕迹,保留了图片更好的展示效果。
附图说明
图1为一个实施例中图片处理方法的应用环境图;
图2为一个实施例中图片处理方法的流程示意图;
图3为一个实施例中对原始图片进行首次编辑处理的示意图;
图4为一个实施例中一种对第一成品图片相应组件的属性信息进行编辑处理的示意图;
图5为另一个实施例中一种对第一成品图片相应组件的属性信息进行编辑处理的示意图;
图6为一个实施例中对第一成品图片相应组件的属性信息进行编辑处理的步骤的流程示意图;
图7为一个实施例中对第一成品图片的图片和文字进行编辑处理的示意图;
图8为另一个实施例中对第一成品图片的图片和文字进行编辑处理的示意图;
图9为再一个实施例中对第一成品图片的图片和文字进行编辑处理的示意图;
图10为另一个实施例中对第一成品图片相应组件的属性信息进行编辑处理的步骤的流程示意图;
图11为一个实施例中图片处理装置的结构框图;
图12为一个实施例中计算机设备的结构框图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
图1为一个实施例中图片处理方法的应用环境图。参照图1,该图片处理方法应用于图1所示的应用环境中,包括图片共享社区所在用户终端102和服务器104,具体可以应用于图1所示的用户终端102。其中,用户终端102和服务器104通过网络连接。用户终端102获取用户在图片共享社区发出的对第一成品图片的处理请求,并根据处理请求,从服务器104中获取第一成品图片的版本号。用户终端102根据版本号,从服务器104中下载第一成品图片和第一成品图片的第一结构数据,并解析第一结构数据,获取第一成品图片各组件的属性信息。通过获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理。用户终端102具体可以是台式终端或移动终端,移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
如图2所示,在一个实施例中,提供了一种图片处理方法。本实施例主要以该方法应用于上述图1中的用户终端102来举例说明。参照图2,该图片处理方法具体包括如下步骤:
步骤S202,获取对第一成品图片的处理请求。
具体地,用户终端可获取用户在图片共享社区发送的对第一成品图片的处理请求,其中,第一成品图片为图片共享社区上展示的已经首次图片处理的成品图片。图片共享社区的用户通过对原始图片进行编辑处理,并将生成的第一成品图片上传并展示在图片共享社区,其他用户或上传该第一成品图片的用户,均可对该第一成品图片进行二次或多次编辑处理。
在一个实施例中,在获取对第一成品图片的处理请求之前,还包括以下步骤:
接收对待处理的原始图片的首次处理请求,并从服务器中获取待添加的组件和对应组件的属性信息。解析接收的首次处理请求,并获取对原始图片的首次编辑指令,根据首次编辑指令按照待添加的组件以及相应的属性信息,对原始图片进行编辑处理。响应处理结束指令,得到对原始图片进行首次编辑处理得到的第一成品图片和第一结构数据,并将第一成品图片和第一结构数据发送至服务器,服务器为第一成品图片生成版本号,并将第一成品图片、第一结构数据以及第一成品图片的版本号进行关联存储。
进一步地,如图3所示,图3提供了一种对原始图片进行首次编辑处理的示意图。参看图3,原始图片为未添加任何组件的背景图片,背景图片的层次编号为0。通过接收对原始图片的首次处理请求,并从服务器中获取待添加的组件和对应组件的属性信息。其中,待添加的组件包括文字和图片,通过解析接收的首次处理请求,获取对原始图片的首次编辑指令,根据首次编辑指令,将待添加的文字和图片添加至原始图片中,得到第一成品图片。
具体地,向背景图片中所添加的图片包括网络表情包、方便面小图标,所添加的文字为“我诅咒你买方便面没有调料包!!!”。其中,得到的第一成品图片中,图片的存储位置可以是本地存储或网络地址,图片的层次编号为1,图片在背景图片上的显示位置根据图片的坐标位置确定,包括y轴值和x轴值,其中,网络表情包的显示位置在背景图片的左下,方便面小图标的显示位置在背景图片的右下。图片大小可由用户自定义设置,或根据背景图片进行自行调整,其中,网络表情包的尺寸大于方便面小图标。针对图片的旋转角度设置了多个可选旋转角度值,本实施中第一成品图片的图片组件的旋转角度值为0。其中,第一成品图片上的文字内容为“我诅咒你买方便面没有调料包!!!”,文字的层次编号为1,在背景图片上的显示位置根据文字的显示坐标确定,显示在背景图片的上半部分,字体为楷体,字体大小为五号,字体颜色为黑色,文字旋转角度值为0。
步骤S204,根据处理请求,从服务器中获取第一成品图片的版本号。
具体地,由于对待处理的原始图片的首次处理请求时,服务器为第一成品图片生成版本号,并将第一成品图片、第一结构数据以及第一成品图片的版本号进行关联存储。根据对第一成品图片的处理请求,可从服务器中确定与第一成品图片关联的第一成品图片的版本号。
步骤S206,根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据。
具体地,服务器包括用于展示并存储原始图片以及成品图片等的内容分发网络,以及用于存储与成品图片对应的结构数据的缓存数据库。根据版本号,可从内容分发网络中下载与版本号关联的第一成品图片,并从缓存数据库中下载与版本号关联的第一成品图片的第一结构数据。
步骤S208,解析第一结构数据,获取第一成品图片各组件的属性信息。
具体地,通过解析第一结构数据,确定第一成品图片具体包括的组件,以及各组件的属性信息。其中,组件包括图片以及文字,其中图片可包括静态图片、表情包、特效和小图标等。与图片对应的属性信息包括图层层次、存储位置、在背景图片上的显示位置、图片大小以及旋转角度。与文字对应的属性信息包括图层层次、文字内容、在背景图片上的显示位置、字体、字体大小、字体颜色以及旋转角度。
在一个实施例中,在解析第一结构数据,获取第一成品图片各组件的属性信息之后,还包括以下步骤:
根据组件的属性信息,加载第一成品图片的各组件,并展示各组件的属性信息。
具体地,根据第一成品图片各组件的属性信息,分别加载第一成品图片的各组件,并将已加载的组件的属性信息进行展示。其中,第一成品图片包括的组件可以是图片、文字或图片和文字的组合,图片的属性信息包括图层层次、存储位置、在背景图片上的显示位置、图片大小以及图片旋转角度,文字的属性信息包括图层层次、文字内容、在背景图片上的显示位置、字体、字体大小、字体颜色以及旋转角度。
步骤S210,获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理。
具体地,获取针对第一成品图片选定的待编辑组件,并获取对待编辑组件进行编辑的组件编辑指令。其中,组件编辑指令包括待修改的属性和修改后的属性值。通过响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
其中,待编辑组件包括图片和文字,组件编辑指令包括组件新增指令、组件删除指令以及组件调整指令。组件新增指令可用于实现直接新增组件,或删除原有组件后在相同位置添加新组件,组件删除指令可用于实现对待删除的组件和相应属性信息进行删除,组件调整指令用于实现组件的属性调整,包括图层层次、在背景图片上的显示位置、大小以及旋转角度等属性的调整。
在一个实施例中,如图4所示,图4提供了一种对第一成品图片相应组件的属性信息进行编辑处理的示意图。参照图4,在本实施例中,第一成品图片图4a中选定的待编辑组件包括文字和图片,针对图片,包括网络表情包和小图标,组件编辑指令包括的待修改的属性包括图片组件本身即小图标、小图标在背景图片上的显示位置以及网络表情包的旋转角度。针对文字,组件编辑指令包括的待修改的属性包括文字内容、字体、字体大小以及字体颜色。
进一步地,如图4所示,在本实施中,针对第一成品图片图4a的图片组件,删除第一成品图片中的方便面小图标,并替换成无线信号小图标,修改无线信号小图标在背景图片上的显示位置,同时调整网络表情包的旋转角度。针对第一成品图片图4a的文字组件,将第一成品图片的文字内容“我诅咒你买方便面没有调料包!!!”修改为“我诅咒你连上的wifi没有网络!!!”,并将第一成品图片的文字字体修改为小四,字体颜色调整为灰色,得到修改后的图4b。
在另一个实施例中,如图5所示,图5提供了另一种对第一成品图片相应组件的属性信息进行编辑处理的示意图。参照图5,在本实施例中,待编辑组件为图片,包括网络表情包和无线信号小图标,待编辑组件的属性包括无线信号小图标在背景图片上的显示位置,以及图片的图层层次。其中,第一成品图片中,图片组件的图层层次为背景图片上的第一个图层,由于背景图片的层次编号设置为0,则网络表情包和无线信号小图标的层次编号均为1。
具体地,将图5中的图a)作为已编辑过的第一成品图片,图b)和图c)为对第一成品图片进行编辑后的第二成品图片。参照图5,通过将图a)中无线信号小图标在背景图片上的显示位置进行调整,同时调整无线信号小图标的层次编号,将无线信号小图标的层次编号设置成大于网络表情包的层次编号,得到修改后的图b),比如网络表情包的层次编号为1,则无线信号小图标的层次编号可为2。
同样地,参照图5,通过将图a)中无线信号小图标在背景图片上的显示位置进行调整,同时调整无线信号小图标的层次编号,将无线信号小图标的层次编号设置成小于网络表情包的层次编号,得到修改后的图c),比如网络表情包的层次编号为2,则无线信号小图标的层次编号可为1。
在一个实施例中,在根据组件编辑指令,对第一成品图片相应组件的属性信息进行处理之后,还包括以下步骤:
响应处理结束指令,得到对第一成品图片进行编辑处理得到的第二成品图片和第二结构数据,并将第二成品图片和第二结构数据发送至服务器,由服务器为第二成品图片生成版本号,将第二成品图片、第二结构数据以及第二成品图片的版本号对应存储。
其中,通过将第二成品图片、第二结构数据以及第二成品图片的版本号对应存储,可在检测到用户发出处理请求时,将与处理请求对应的第二结构数据以及第二成品图片下载至终端,并进行相应编辑处理。
上述图片处理方法,通过获取对第一成品图片的处理请求,并根据处理请求,从服务器中获取第一成品图片的版本号。由于不同成品图片对应各自唯一的版本号,进而可根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据,并解析第一结构数据,获取第一成品图片各组件的属性信息。通过获取对第一成品图片的组件编辑指令,并根据组件编辑指令,在逻辑上对第一成品图片相应组件的属性信息进行编辑处理,无需使用物理抹除或覆盖的方式,即可实现对成品图片的编辑或修改,可避免出现较多修改痕迹,保留了图片更好的展示效果。
在一个实施例中,如图6所示,对第一成品图片相应组件的属性信息进行编辑处理的步骤,即获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理的步骤,具体包括以下步骤:
步骤S602,获取针对第一成品图片选定的待编辑组件。
具体地,待编辑组件包括图片和文字。如图7所示,图7提供了一种对第一成品图片的图片和文字进行编辑处理的示意图,参照图7,在本实施例中,针对第一成品图片图7a所选定的待编辑组件为文字和图片。
步骤S604,获取对待编辑组件进行编辑的组件编辑指令,组件编辑指令包括待修改的属性和修改后的属性值。
具体地,通过获取对待编辑组件进行编辑的组件编辑指令,包括对图片进行编辑的图片编辑指令,以及对文字进行编辑的文字编辑指令。针对图片编辑指令,包括的待修改属性为图片在背景图片上的显示位置,修改后的属性值为图片在背景图片上的显示坐标。针对文字编辑指令,包括的待修改属性为文字内容、字体、字体大小和字体颜色。
步骤S606,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
具体地,响应组件编辑指令,包括文字编辑指令和图片编辑指令,并根据与组件编辑指令对应的修改后的属性值,对相应组件的待修改属性进行调整。
进一步地,参看图7,根据文字编辑指令,将第一成品图片图7a的文字内容“什喵情况”,修改为图7b的文字内容“咿~发生什么事喵?”,并根据修改后的文字属性,相应修改图7a的文字的字体、字体大小以及字体颜色。同时根据修改后的文字的旋转角度值,对图7a的文字的旋转角度进行调整。根据图片编辑指令,将第一成品图片图7a的白色小猫图片的显示位置进行调整,得到的修改后的白色小猫图片的显示位置如图7b所示。
在一个实施例中,如图8所示,图8提供了另一种对第一成品图片的图片和文字进行编辑处理的示意图。参看图8,在本实施例中,针对第一成品图片图8a所选定的待编辑组件为文字和图片。
具体地,根据文字编辑指令,对第一成品图片图8a中的文字的字体、字体大小以及字体颜色进行修改。根据图片编辑指令,删除第一成品图片图8a中的白色小猫图片,并从服务器的第一结构数据中删除与该白色小猫图片对应的属性数据。根据修改后的属性值,新增花色小猫图片至图8a所示的第一成品图片中,得到如图8b所示的修改后的第二成品图片。
在另一个实施例中,如图9所示,图9提供了另一种对第一成品图片的图片和文字进行编辑处理的示意图。参看图9,在本实施例中,针对第一成品图片图9a所选定的待编辑组件为文字和图片。
具体地,根据文字编辑指令,对图9a中的文字进行编辑处理,包括修改文字在背景图片上的显示位置、字体大小和字体旋转角度。根据图片编辑指令,增加新的图片至图9a中,其中,新增的图片为特效,如图9b中所示的新增特效。根据图片编辑指令,还包括对图9a中的原有的图片进行编辑,包括修改图9a中花色小猫图片在背景图片上的显示位置,得到修改后的图9b。
上述对第一成品图片相应组件的属性信息进行编辑处理的步骤,通过获取针对第一成品图片选定的待编辑组件,并获取对待编辑组件进行编辑的组件编辑指令,并响应组件编辑指令,根据修改后的属性值,实现对相应组件的待修改属性进行调整,无需采用物理方式的覆盖,避免出现覆盖不到位或新增组件被其他原有组件遮挡的问题,基于组件逻辑上的修改,即可达到对成品图片的编辑处理,提高多次编辑的图片的展示效果。
在一个实施例中,如图10所示,对第一成品图片相应组件的属性信息进行编辑处理的步骤,具体包括以下步骤:
步骤S1002,获取对第一成品图片的组件新增指令。
具体地,其中,组件新增指令可用于实现直接新增组件,或删除原有组件后在相同位置添加新组件。针对第一成品图片进行编辑的组件编辑指令包括组件新增指令,其中,包括组件新增指令可以包括图片新增指令和文字新增指令,图片新增指令用于将待新增图片添加至第一成品图片,文字新增指令用于将待新增文字添加至第一成品图片。
在一个实施例中,当检测到第一成品图片的背景图片不存在空闲的显示位置,且需要新增组件时,根据用户的处理请求,需删除第一成品图片的原有组件以及对应组件的属性信息,删除完成后再新增对应的组件。
进一步地,当需要删除第一成品图片的原有组件以及对应组件的属性信息时,通过获取针对第一成品图片选定的待删除组件,并获取对待删除组件的组件删除指令,响应组件删除指令,将相应组件及其属性信息从第一结构数据中删除。
步骤S1004,响应组件新增指令,根据新增组件的原始属性信息将新增组件加载至第一成品图片上。
具体地,响应组件新增指令,并获取新增组件的原始属性信息,根据新增组件的原始属性信息将新增组件加载至第一成品图片上。
进一步地,针对组件新增指令为图片新增指令时,获取新增图片的原始属性信息,包括图片的图层层次、存储位置、在背景图片上的显示位置、图片大小以及旋转角度。针对组件新增指令为文字新增指令时,获取新增文字的原始属性信息,包括图层层次、文字内容、在背景图片上的显示位置、字体、字体大小、字体颜色以及旋转角度。
步骤S1006,获取对新增组件的组件编辑指令,组件编辑指令包括待修改的属性和修改后的属性值。
具体地,获取对新增组件的组件编辑指令,包括针对新增组件待修改的属性和修改后的属性值。其中,修改的属性包括图层层次,对应修改后的属性值包括修改后的层次编号。待修改的属性包括组件大小,对应修改后的属性值包括修改后的组件尺寸。待修改的属性包括组件显示位置,对应修改后的属性值包括修改后的组件坐标。待修改的属性包括组件旋转角度,对应修改后的属性值包括修改后的组件旋转角度值。
进一步地,组件编辑指令包括图片编辑指令和文字编辑指令。其中,针对组件编辑指令为图片编辑指令时,可将新增图片的原始属性信息,包括图片的图层层次、在背景图片上的显示位置、图片大小以及旋转角度,作为待修改的属性,相应的属性值基于用户需求确定,包括层次编号、组件坐标、图片尺寸以及旋转角度值。
针对组件编辑指令为文字编辑指令时,可将新增文字的原始属性信息,包括图层层次、在背景图片上的显示位置、旋转角度以及文字内容、字体、字体大小、字体颜色,作为待修改的属性,相应的属性值基于用户需求确定,包括层次编号、组件坐标、旋转角度值以及文字自定义属性值。其中,文字自定义属性值包括内容、所选字体、字号以及颜色。
步骤S1008,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
具体地,响应组件编辑指令,根据与组件编辑指令对应的修改后的属性值,对相应组件的待修改属性进行调整。具体包括以下几项:
第一项:待修改的属性包括图层层次,修改后的属性值包括修改后的层次编号,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应组件编辑指令,根据修改后的层次编号,将相应组件置于第一成品图片的相应图层层级中。
其中,根据修改后的层次编号,可对相应组件的原有层次编号进行修改,并将相应组件置于第一成品图片的相应图层层级中。以修改后的层次编号为2,原有组件的层次编号为1为例,可根据修改后的层次编号将原有组件的层次编号从1修改成2,则修改后的组件在第一成品图片中的所处图层的层次编号为2。
第二项:待修改的属性包括组件大小,修改后的属性值包括修改后的组件尺寸,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应组件编辑指令,根据修改后的组件尺寸,对相应待修改组件的组件大小进行调整。
其中,待修改组件的组件大小可以小于修改后的尺寸,或大于修改后的尺寸,则根据修改后的尺寸,可实现对相应待修改组件的组件大小调整,得到符合修改后的属性值的组件大小。
第三项:待修改的属性包括组件显示位置,修改后的属性值包括修改后的组件坐标,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应组件编辑指令,根据修改后的组件坐标,对相应待修改组件的组件显示位置进行调整。
其中,待修改组件在背景图片上的显示位置,根据待修改组件的坐标位置确定,根据修改后的组件坐标,实现对待修改组件的坐标进行调整,得到符合修改后的属性值的显示位置。
第四项:待修改的属性包括组件旋转角度,修改后的属性值包括修改后的组件旋转角度值,响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应组件编辑指令,根据修改后的组件旋转角度值,对相应待修改组件的组件旋转角度进行调整。
其中,修改后的组件旋转角度值可由用户自定义设置或从预设旋转角度值中确定。其中,预设旋转角度值包括顺时针(逆时针)旋转30度、100度、100度以及180度等多个预设值。根据修改后的组件旋转角度值,对待修改组件的组件旋转角度进行调整,得到符合修改后的属性值的旋转角度。
上述对第一成品图片相应组件的属性信息进行编辑处理的步骤,通过获取对第一成品图片的组件新增指令,并响应组件新增指令,根据新增组件的原始属性信息将新增组件加载至第一成品图片上。通过获取对新增组件的组件编辑指令,并响应组件编辑指令,根据修改后的属性值,实现对相应组件的待修改属性进行调整,无需采用物理方式的覆盖,避免出现覆盖不到位或新增组件被其他原有组件遮挡的问题,基于组件逻辑上的修改,即可达到对成品图片的编辑处理,确保图片较好的展示效果。
在一个实施例中,在获取对第一成品图片的处理请求之前,还包括:
获取当前图片以及当前图片的版本号;根据当前图片的版本号,获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片;获取从全部成品图片中选定的第一成品图片。
具体地,通过获取当前图片,并从服务器中提取与当前图片关联的版本号,基于当前图片的版本号,从服务器中获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片。根据用户需求,从全部成品图片中确定与用户需求响应的第一成品图片。
其中,在图片共享社区内,用户可查看其他用户或自己上传的成品图片,根据当前图片的版本号,可确定与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片。其中,根据用户自身需求,可从全部成品图片中选定用于二次或多次编辑的第一成品图片。
上述步骤中,通过获取当前图片以及当前图片的版本号,并根据当前图片的版本号,实现获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片,并获取从全部成品图片中选定的第一成品图片,实现了各个版本的成品图片的回滚,为用户提供了更多成品图片的选择,更好地满足用户需求,确保图片的展示效果。
在一个实施例中,在对待处理的原始图片进行首次编辑处理之后,还包括:
将与成品图片的版本号关联存储的成品图片上传至内容分发网络,并将与成品图片的版本号关联存储的结构数据存储至缓存数据库中。同时服务器还通过获取成品图片的图片编号,并基于成品图片的图片编号,对成品图片进行重复性校验。
上述步骤,通过删除相同图片编号的成品图片,以及该成品图片相应的属性信息,减少在内容分发网络以及缓存数据库中的存储占用,提高存储空间的利用率。
图2为一个实施例中图片处理方法的流程示意图。应该理解的是,虽然图2的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
如图11所示,图11为一个实施例中图片处理装置的结构框图,提供了一种图片处理装置,具体包括:处理请求获取模块1102、版本号获取模块1104、下载模块1106、属性信息获取模块1108、以及编辑处理模块1110,其中:
处理请求获取模块1102,用于获取对第一成品图片的处理请求。
版本号获取模块1104,用于根据处理请求,从服务器中获取第一成品图片的版本号。
下载模块1106,用于根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据。
属性信息获取模块1108,用于解析第一结构数据,获取第一成品图片各组件的属性信息。
编辑处理模块1110,用于获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理。
上述图片处理装置,通过获取对第一成品图片的处理请求,并根据处理请求,从服务器中获取第一成品图片的版本号。由于不同成品图片对应各自唯一的版本号,进而可根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据,并解析第一结构数据,获取第一成品图片各组件的属性信息。通过获取对第一成品图片的组件编辑指令,并根据组件编辑指令,在逻辑上对第一成品图片相应组件的属性信息进行编辑处理,无需使用物理抹除或覆盖的方式,即可实现对成品图片的编辑或修改,可避免出现较多修改痕迹,保留了图片更好的展示效果。
在一个实施例中,编辑处理模块还用于:
获取针对第一成品图片选定的待编辑组件;获取对待编辑组件进行编辑的组件编辑指令;组件编辑指令包括待修改的属性和修改后的属性值;响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
上述编辑处理模块,通过获取针对第一成品图片选定的待编辑组件,并获取对待编辑组件进行编辑的组件编辑指令,并响应组件编辑指令,根据修改后的属性值,实现对相应组件的待修改属性进行调整,无需采用物理方式的覆盖,避免出现覆盖不到位或新增组件被其他原有组件遮挡的问题,基于组件逻辑上的修改,即可达到对成品图片的编辑处理,提高多次编辑的图片的展示效果。
在一个实施例中,编辑处理模块还用于:
获取对第一成品图片的组件新增指令;响应组件新增指令,根据新增组件的原始属性信息将新增组件加载至第一成品图片上;获取对新增组件的组件编辑指令,组件编辑指令包括待修改的属性和修改后的属性值;响应组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
上述编辑处理模块,通过获取对第一成品图片的组件新增指令,并响应组件新增指令,根据新增组件的原始属性信息将新增组件加载至第一成品图片上。通过获取对新增组件的组件编辑指令,并响应组件编辑指令,根据修改后的属性值,实现对相应组件的待修改属性进行调整,无需采用物理方式的覆盖,避免出现覆盖不到位或新增组件被其他原有组件遮挡的问题,基于组件逻辑上的修改,即可达到对成品图片的编辑处理,确保图片较好的展示效果。
在一个实施例中,提供了一种图片处理装置,还包括第一成品获取模块,用于:
获取当前图片以及当前图片的版本号;根据当前图片的版本号,获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片;获取从全部成品图片中选定的第一成品图片。
上述图片处理装置,通过获取当前图片以及当前图片的版本号,并根据当前图片的版本号,实现获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片,并获取从全部成品图片中选定的第一成品图片,实现了各个版本的成品图片的回滚,为用户提供了更多成品图片的选择,更好地满足用户需求,确保图片的展示效果。
图12示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端102。如图12所示,该计算机设备包括该计算机设备包括通过***总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中,存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作***,还可存储有计算机程序,该计算机程序被处理器执行时,可使得处理器实现图片处理方法。该内存储器中也可储存有计算机程序,该计算机程序被处理器执行时,可使得处理器执行图片处理方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图12中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请提供的图片处理装置可以实现为一种计算机程序的形式,计算机程序可在如图12所示的计算机设备上运行。计算机设备的存储器中可存储组成该图片处理装置的各个程序模块,比如,图11所示的处理请求获取模块、版本号获取模块、下载模块、属性信息获取模块、组件编辑指令获取模块以及编辑处理模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的图片处理方法中的步骤。
例如,图12所示的计算机设备可以通过如图11所示的图片处理装置中的处理请求获取模块执行获取对第一成品图片的处理请求的步骤。计算机设备可通过版本号获取模块执行根据处理请求,从服务器中获取第一成品图片的版本号的步骤。计算机设备可通过下载模块执行根据版本号,从服务器下载第一成品图片和第一成品图片的第一结构数据的步骤。计算机设备可通过属性信息获取模块执行解析第一结构数据,获取第一成品图片各组件的属性信息的步骤。计算机设备可通过编辑处理模块执行获取对第一成品图片的组件编辑指令,并根据组件编辑指令,对第一成品图片相应组件的属性信息进行编辑处理的步骤。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述图片处理方法的步骤。此处图片处理方法的步骤可以是上述各个实施例的图片处理方法中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述图片处理方法的步骤。此处图片处理方法的步骤可以是上述各个实施例的图片处理方法中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种图片处理方法,包括:
获取对第一成品图片的处理请求;
根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
2.根据权利要求1所述的方法,其特征在于,在所述根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行处理之后,还包括:
响应处理结束指令,得到对所述第一成品图片进行编辑处理得到的第二成品图片和第二结构数据;
将所述第二成品图片和所述第二结构数据发送至所述服务器,由所述服务器为所述第二成品图片生成版本号,将所述第二成品图片、所述第二结构数据以及所述第二成品图片的版本号对应存储。
3.根据权利要求1所述的方法,其特征在于,在所述解析所述第一结构数据,获取所述第一成品图片各组件的属性信息之后,包括:
根据所述组件的属性信息,加载所述第一成品图片的各组件;
展示各组件的属性信息。
4.根据权利要求1所述的方法,其特征在于,获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理,包括:
获取针对所述第一成品图片选定的待编辑组件;
获取对所述待编辑组件进行编辑的组件编辑指令;所述组件编辑指令包括待修改的属性和修改后的属性值;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
5.根据权利要求1所述的方法,其特征在于,获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理,包括:
获取对所述第一成品图片的组件新增指令;
响应所述组件新增指令,根据新增组件的原始属性信息将所述新增组件加载至所述第一成品图片上;
获取对所述新增组件的组件编辑指令,所述组件编辑指令包括待修改的属性和修改后的属性值;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整。
6.根据权利要求1所述的方法,其特征在于,在获取对第一成品图片的处理请求之前,还包括:
获取当前图片以及当前图片的版本号;
根据所述当前图片的版本号,获取与当前图片关联的对相同原始图片进行编辑处理得到的全部成品图片;
获取从所述全部成品图片中选定的第一成品图片。
7.根据权利要求4或5所述的方法,其特征在于,待修改的属性包括图层层次,修改后的属性值包括修改后的层次编号;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应所述组件编辑指令,根据修改后的层次编号,将相应组件置于所述第一成品图片的相应图层层级中;
待修改的属性包括组件大小,修改后的属性值包括修改后的组件尺寸;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应所述组件编辑指令,根据修改后的组件尺寸,对相应待修改组件的组件大小进行调整;
待修改的属性包括组件显示位置,修改后的属性值包括修改后的组件坐标;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应所述组件编辑指令,根据修改后的组件坐标,对相应待修改组件的组件显示位置进行调整;
待修改的属性包括组件旋转角度,修改后的属性值包括修改后的组件旋转角度值;
响应所述组件编辑指令,根据修改后的属性值对相应组件的待修改属性进行调整,包括:响应所述组件编辑指令,根据修改后的组件旋转角度值,对相应待修改组件的组件旋转角度进行调整。
8.一种图片处理装置,其特征在于,所述装置包括:
处理请求获取模块,用于获取对第一成品图片的处理请求;
版本号获取模块,用于根据所述处理请求,从服务器中获取所述第一成品图片的版本号;
下载模块,用于根据所述版本号,从所述服务器下载所述第一成品图片和所述第一成品图片的第一结构数据;
属性信息获取模块,用于解析所述第一结构数据,获取所述第一成品图片各组件的属性信息;
编辑处理模块,用于获取对所述第一成品图片的组件编辑指令,并根据所述组件编辑指令,对所述第一成品图片相应组件的属性信息进行编辑处理。
9.一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如权利要求1至7中任一项所述方法的步骤。
10.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如权利要求1至7中任一项所述方法的步骤。
CN202010095473.XA 2020-02-17 2020-02-17 图片处理方法、装置、计算机可读存储介质和计算机设备 Pending CN112748839A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010095473.XA CN112748839A (zh) 2020-02-17 2020-02-17 图片处理方法、装置、计算机可读存储介质和计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010095473.XA CN112748839A (zh) 2020-02-17 2020-02-17 图片处理方法、装置、计算机可读存储介质和计算机设备

Publications (1)

Publication Number Publication Date
CN112748839A true CN112748839A (zh) 2021-05-04

Family

ID=75645507

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010095473.XA Pending CN112748839A (zh) 2020-02-17 2020-02-17 图片处理方法、装置、计算机可读存储介质和计算机设备

Country Status (1)

Country Link
CN (1) CN112748839A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114756322A (zh) * 2022-05-09 2022-07-15 北京航云物联信息技术有限公司 一种图片处理方法、装置、计算机设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101739706A (zh) * 2008-11-20 2010-06-16 鸿富锦精密工业(深圳)有限公司 具有图片编辑功能的电子装置及方法
CN102122243A (zh) * 2010-01-07 2011-07-13 炬力集成电路设计有限公司 生成应用程序界面的方法、***和便携式电子设备
CN102289834A (zh) * 2011-08-30 2011-12-21 北京瑞信在线***技术有限公司 一种微动画编辑器及其编辑方法
CN102567381A (zh) * 2010-12-23 2012-07-11 腾讯科技(深圳)有限公司 一种保存图片信息的方法和装置
CN107704439A (zh) * 2016-08-09 2018-02-16 中科领域(北京)科技有限公司 一种多层图像文字编辑方法及实现其方法的***
CN107797737A (zh) * 2017-09-26 2018-03-13 努比亚技术有限公司 图片再编辑的方法、装置及计算机可读存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101739706A (zh) * 2008-11-20 2010-06-16 鸿富锦精密工业(深圳)有限公司 具有图片编辑功能的电子装置及方法
CN102122243A (zh) * 2010-01-07 2011-07-13 炬力集成电路设计有限公司 生成应用程序界面的方法、***和便携式电子设备
CN102567381A (zh) * 2010-12-23 2012-07-11 腾讯科技(深圳)有限公司 一种保存图片信息的方法和装置
CN102289834A (zh) * 2011-08-30 2011-12-21 北京瑞信在线***技术有限公司 一种微动画编辑器及其编辑方法
CN107704439A (zh) * 2016-08-09 2018-02-16 中科领域(北京)科技有限公司 一种多层图像文字编辑方法及实现其方法的***
CN107797737A (zh) * 2017-09-26 2018-03-13 努比亚技术有限公司 图片再编辑的方法、装置及计算机可读存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114756322A (zh) * 2022-05-09 2022-07-15 北京航云物联信息技术有限公司 一种图片处理方法、装置、计算机设备及存储介质
CN114756322B (zh) * 2022-05-09 2024-02-20 北京航云物联信息技术有限公司 一种图片处理方法、装置、计算机设备及存储介质

Similar Documents

Publication Publication Date Title
CN109144656B (zh) 多元素布局的方法、装置、计算机设备和存储介质
CN109933322B (zh) 一种页面编辑方法、装置及计算机可读存储介质
CN112019820B (zh) 界面生成方法和装置
CN112114913B (zh) 应用程序的界面更新方法、装置、计算机设备和存储介质
CN111338690A (zh) 小程序店铺页面配置方法、装置、计算机设备和存储介质
CN111596911B (zh) 生成控件的方法、装置、计算机设备和存储介质
CN110609715A (zh) 随机选项页面展示方法、装置、计算机设备和存储介质
CN111258466A (zh) 数据可视化方法、装置、计算机设备和存储介质
CN111008290A (zh) 电网地理沿布图显示方法、装置、计算机设备和存储介质
CN110910475A (zh) 图片编辑方法、装置、计算机设备和存储介质
CN111752535A (zh) Web页面的开发方法、装置、计算机设备和可读存储介质
CN116466935A (zh) 模板处理方法、装置、计算机设备和存储介质
CN115344183A (zh) 页面滑动方法、直播页面滑动方法及其装置、设备和介质
CN112825020A (zh) 图片生成方法、装置、计算机设备和存储介质
CN115145545A (zh) 小程序代码的生成方法、装置、计算机设备和存储介质
CN114546558A (zh) 图纸处理方法、装置、计算机设备和存储介质
CN112748839A (zh) 图片处理方法、装置、计算机可读存储介质和计算机设备
CN108388463B (zh) 图标处理方法、装置、计算机设备和存储介质
CN114565915B (zh) 样本文本图像获取方法、文本识别模型训练方法和装置
CN111090701A (zh) 业务请求处理方法、装置、可读存储介质和计算机设备
CN110807112A (zh) 基于地图的数据展示方法和装置
CN110728736A (zh) 图片标注方法、装置、计算机设备和存储介质
CN113672829B (zh) 页面展示方法、装置、电子设备及存储介质
CN111079399B (zh) 图文数据处理方法、装置、计算机设备和存储介质
CN112257000A (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