图片代码的编辑方法、装置、计算机设备和存储介质与流程

本发明涉及图像处理技术领域，特别是涉及一种图片代码的编辑方法、图片代码的编辑装置、计算机设备和计算机可读存储介质。

背景技术：

随着科学技术的发展，各种电子设备被广泛地应用到人们的日常生活和工作当中，为了提高用户与电子设备之间的互动性，通常会在电子设备的交互界面中采用各种图片作为各种功能键的标识，以办公软件为例，办公软件中显示菜单栏采用了不同的图片作为图标来标识如高亮、加粗等功能键以提高其辨识度，使得用户与电子设备之间有更强的互动性。

然而，在用户需要对电子设备显示的图片进行编辑如需要菜单栏显示的图片进行修改时，需要对该图片对应的原始图片代码进行修改。传统技术在编辑图片代码时往往是根据用户对图片的编辑需求直接对这些图片代码进行编辑，从而得到与用户需求匹配的新的图片代码，而这些图片代码通常是十六进制数，这样会导致对图片代码的编辑过程非常繁琐，而且耗时过长，降低图片代码的编辑效率。

技术实现要素：

基于此，有必要针对传统技术图片代码的编辑效率低的技术问题，提供一种图片代码的编辑方法、图片代码的编辑装置、计算机设备和计算机可读存储介质。

一种图片代码的编辑方法，包括步骤：

将第一图片代码转化为对应的第一图片；

根据用户对所述第一图片的编辑操作编辑所述第一图片，得到第二图片；

将所述第二图片转化为对应的第二图片代码；

根据所述第二图片代码编辑所述第一图片代码。

一种图片代码的编辑装置，包括：

第一转化模块，用于将第一图片代码转化为对应的第一图片；

第一编辑模块，用于根据用户对所述第一图片的编辑操作编辑所述第一图片，得到第二图片；

第二转化模块，用于将所述第二图片转化为对应的第二图片代码；

第二编辑模块，用于根据所述第二图片代码编辑所述第一图片代码。

一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如下步骤：

将第一图片代码转化为对应的第一图片；

根据用户对所述第一图片的编辑操作编辑所述第一图片，得到第二图片；

将所述第二图片转化为对应的第二图片代码；

根据所述第二图片代码编辑所述第一图片代码。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如下步骤：

将第一图片代码转化为对应的第一图片；

根据用户对所述第一图片的编辑操作编辑所述第一图片，得到第二图片；

将所述第二图片转化为对应的第二图片代码；

根据所述第二图片代码编辑所述第一图片代码。

上述图片代码的编辑方法、装置、计算机设备和存储介质，将第一图片代码转化成对应的第一图片，根据用户对该第一图片的编辑操作对第一图片进行编辑，得到第二图片，将该第二图片转化为对应的第二图片代码，再根据该第二图片代码对第一图片代码进行编辑，使得待编辑的第一图片代码可以先转化成图片，再基于用户对图片的编辑需求对该图片进行编辑，然后将编辑后的图片转化成相应的第二图片代码，最后基于第二图片代码完成对第二图片代码的编辑处理，相比于传统技术直接修改图片代码的方式，先将代码转化为图片，并对图片进行修改，再转化为图片代码的方式，能够大大提高图片代码的编辑效率，而且电子设备的显示方案通常会涉及对大量的显示图片进行编辑，该方案还有利于提高电子设备的显示方案开发效率。

附图说明

图1为一个实施例中图片代码的编辑方法的应用环境图；

图2为一个实施例中图片代码的编辑方法的流程示意图；

图3为一个实施例中图片的示意图；

图4为一个实施例中图块的示意图；

图5为一个实施例中图片代码的编辑装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

需要说明的是，本发明实施例所涉及的术语“第一\第二”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二”在允许的情况下可以互换特定的顺序或先后次序。应该理解“第一\第二”区分的对象在适当情况下可以互换，以使这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。

本发明提供的图片代码的编辑方法，可以应用于如图1所示的应用环境中，图1为一个实施例中图片代码的编辑方法的应用环境图，其中，电子设备100具有显示区域110，可以在该显示区域110中以图片的形式显示菜单栏111，该菜单栏111可以包括用于标识功能键的多个图片，如箭头111a所指示的图片“a”为菜单栏111的其中一张图片，该图片“a”可以用于标识如“加粗”或“高亮”等功能键，以使用户在点选该功能键时，电子设备100对相关内容进行“加粗”或“高亮”处理。在具体应用当中，用户可能需要对电子设备100显示的图片进行编辑，例如将箭头111a所指示的图片“a”修改为图片“h”，则技术人员可以通过如个人计算机等具有数据处理能力的计算机设备将图片“a”对应的如箭头111b所指示的图片代码转化为对应的第一图片，再根据用户对该第一图片的编辑操作对第一图片进行编辑，得到第二图片，然后将该第二图片转化为对应的第二图片代码，最后根据第二图片代码编辑该第一图片代码。

在一个实施例中，提供了一种图片代码的编辑方法，参考图2，图2为一个实施例中图片代码的编辑方法的流程示意图，该方法可以通过个人计算机等计算机设备实现，该图片代码的编辑方法可以包括以下步骤：

步骤s101，将第一图片代码转化为对应的第一图片。

本步骤中，第一图片代码是指待编辑的图片代码，对图片代码进行编辑可以是对原始图片代码进行修改。其中，图片代码通常是由一些的十六进制数组成的，图片代码中的十六进制数一般是按照特定的编码格式排列的，这些十六进制数则携带有各个像素的位置信息和颜色信息，所以本步骤可以将第一图片代码转化成对应的第一图片。如图1所示，本步骤可以将箭头111b所示的图片代码转化为对应的第一图片，即箭头111a所示的图片“a”，并通过电子设备的显示屏显示该第一图片。

步骤s102，根据用户对第一图片的编辑操作编辑第一图片，得到第二图片。

本步骤中，可以获取用户对第一图片的编辑操作，然后根据该编辑操作对第一图片进行编辑处理，得到第二图片，该第二图片是指编辑处理后的第一图片。其中，用户对第一图片的编辑操作可以包括在显示的第一图片上对像素点进行重新着色等操作。

具体的，以将如图1的箭头111a所指示的图片“a”修改为图片“h”为例，本步骤可以将图片“a”在触摸显示屏上进行显示，然后获取用户在触摸显示屏上输入的对图片“a”的编辑操作，例如用户先将显示的“a”擦除，再重新书写“h”，即得到对图片“a”进行编辑处理后的图片“h”。

步骤s103，将第二图片转化为对应的第二图片代码。

本步骤主要是将对第一图片进行编辑处理后得到的第二图片转化成为相应的第二图片代码，其中，将第二图片转化为第二图片代码的转化方式是与步骤s101中将第一图片转化为第一图片代码的方式相互对应，例如第一图片代码是由一些按照特定的编码格式排列而成的十六进制数组成，则在将第二图片转化为第二图片代码时，也需要依据相对应的方式，将第二图片转化为按照该特定的编码格式列而成的十六进制数，而由于图片进行编辑，第二图片代码的十六进制数的具体数值一般是与第一图片代码的具体数值不相同的。

步骤s104，根据第二图片代码编辑第一图片代码。

本步骤主要是利用第二图片代码对第一图片代码进行编辑，从而完成根据用户对图片的编辑需求对第一图片代码进行编辑的操作。

可选的，可以将第一图片代码和第二图片代码进行比对，根据比对结果确定用户对第一图片代码的编辑内容；根据编辑内容对第一图片代码进行编辑。

其中，将第一图片代码和第二图片代码进行比对，可以确定第一图片代码和第二图片代码之间的差异，在第二图片代码找出这些差异即可明确用户对第一图片代码的编辑内容，例如用户实际上只是对第一图片代码中的某几个数值进行了修改，则可以在第一图片代码中对这几个数据进行修改，即可完成对第一图片代码进行编辑的操作，这种编辑方式可以同时得到对图片代码进行修改的多种信息，如修改后图片代码、修改前的图片代码以及用户实际的修改内容，确保了修改图片代码的信息完整度，以便日后对修改的图片代码进行快速复查。

还可以将第二图片代码设为用户编辑后的第一图片代码。

这种方式实际上是直接将第二图片代码作为用户编辑后的第一图片代码，例如可以直接将第二图片代码替换掉第一图片代码进行显示，节约了对图片代码进行修改的时间，提高了图片代码的编辑效率，也有利于快速地将编辑后的第二图片代码对应的图片进行展示。

上述图片代码的编辑方法，将第一图片代码转化成对应的第一图片，根据用户对该第一图片的编辑操作对第一图片进行编辑，得到第二图片，将该第二图片转化为对应的第二图片代码，再根据该第二图片代码对第一图片代码进行编辑，使得待编辑的第一图片代码可以先转化成图片，再基于用户对图片的编辑需求对该图片进行编辑，然后将编辑后的图片转化成相应的第二图片代码，最后基于第二图片代码完成对第二图片代码的编辑处理，相比于传统技术直接修改图片代码的方式，先将代码转化为图片，并对图片进行修改，再转化为图片代码的方式，能够大大提高图片代码的编辑效率，而且电子设备的显示方案通常会涉及对大量的显示图片进行编辑，该方案还有利于提高电子设备的显示方案开发效率。

在一个实施例中，将第一图片代码转化为对应的第一图片的步骤可以包括：

步骤s201，获取第一图片代码。

本步骤主要是在对第一图片代码进行编辑处理之前，获取该第一图片代码。

步骤s202，根据第一图片代码获取第一图片的各个像素点的编码信息。

其中，图片有多个像素点组成，各个像素点在图片中具有颜色以及在图片中的位置，而像素点在图片中颜色以及位置可以以编码的形式存储在相应的图片代码当中。所以，本步骤可以根据第一图片代码获取与该第一图片代码相对应的各个像素点的编码信息，该编码信息指对第一图片的各个像素点的位置、颜色等信息进行编码的信息，通常是以十六进制数的形式存储在图片代码当中，这些十六进制数可以携带包括各个像素点在第一图片中的颜色、位置等信息。

步骤s203，根据各个像素点的编码信息生成第一图片。

本步骤主要是在得到各个像素点的编码信息后，根据该编码信息生成第一图片。具体来说，根据各个像素点的编码信息可以确定各个像素点在图片中的颜色、位置等信息，根据这些信息可以生成该第一图片。

本实施例的技术方案能够有效地将第一图片代码转化为对应的第一图片，通过获取各个像素点的编码信息的形式，能够得到各个像素点在图片中的位置、颜色等信息，从而可以更准确有效地将图片代码转化为相应的图片。

在一个实施例中，进一步的，根据第一图片代码获取第一图片的各个像素点的编码信息的步骤可以包括：

步骤s301，从第一图片代码中提取第一图片的各个图块的颜色编码和位置编码。

其中，第一图片可以被划分为多个图块，该图块为在图片中具有一定的形状和大小的区域，该图块包括第一图片的多个像素点，各个图块的形状大小通常是一致的。参考图3，图3为一个实施例中图片的示意图，图片300可以包括多个方形图块，如第一图块310、第二图块320等，这些图块可以通过一定的编码方式进行拼接组合成为图片300。

本步骤可以从第一图片代码中提取出第一图片的各个图块的编码信息，包括各个图块的颜色编码和位置编码，颜色编码主要用于图块对其内部的各个像素点的颜色进行编码，位置编码主要用于图块对其内部的各个像素点的位置进行编码，而根据图块的颜色编码和位置编码可以确定该图块具体显示的图案。

步骤s302，根据各个图块的颜色编码和位置编码获取各个图块中的各个像素点的编码信息。

本步骤主要是根据图块的颜色编码和位置编码获该图块中的各个像素点的编码信息，参考图4，图4为一个实施例中图块的示意图，该图块310为图3所示的图块310，图块310具有多个像素行，如第一像素行311、第二像素行312，而每个像素行可以包括多个像素点，如第一像素行311中的第一像素点311a。由于图块的颜色编码和位置编码分别携带有该图块的各个像素点的颜色信息和位置信息，所以根据各个图块的颜色编码和位置编码可以得到各个图块中的各个像素点的编码信息，该编码信息通常包括各个像素点在图片中的颜色和位置。

步骤s303，根据各个图块中的各个像素点的编码信息得到第一图片的各个像素点的编码信息。

本步骤根据各个图块中的各个像素点的编码信息可以得到第一图片的各个像素点的编码信息。

本实施例能够以图块为单位以多任务同时执行的方式获取图片像素点的编码信息，一方面能够适应以图块为单位进行编码的图片代码的编辑过程，另一方面还能够避免依次逐个提取像素点的编码信息造成效率低的缺陷，提高了获取像素点的编码信息的效率。

在一个实施例中，进一步的，根据各个像素点的编码信息生成第一图片的步骤可以包括：

步骤s401，根据各个像素点的编码信息分别确定各个像素点在对应的图块中的颜色和位置。

其中，该各个像素点的编码信息可以通过各个所述图块的颜色编码和位置编码进行获取得到，而图块的颜色编码和位置编码携带有该图块中的各个像素点的颜色和位置，本步骤可以根据各个像素点的编码信息分别确定各个像素点在相应图块中的颜色和位置。

步骤s402，根据各个像素点在对应的图块中的颜色和位置生成各个图块。

其中，根据各个像素点在对应图块中的颜色和位置可以得到第一图片的各个图块。

步骤s403，将各个图块进行拼接，得到第一图片。

本步骤主要是第一图片的各个图块进行拼接得到第一图片。其中，各个图块之间具有一定的相对位置关系，而这些位置关系可以通过图块索引值进行确定，图块索引值是对各个图块在图片中的排列位置进行编码的值，该图块索引值可以记录在相应的图片代码当中。

在一个实施例中，可以根据第一图片代码确定各个图块的图块索引值，根据该图块索引值将各个图块进行拼接，得到第一图片。

本实施例可以从第一图片代码中获取各个图块的图块索引值，根据该图块索引值可以确定各个图块在第一图片中的相对位置，然后根据该相对位置对各个图块进行拼接，从而得到第一图片，这种获取第一图片的方式，能够在获取多个图块后快速地将图块拼接成为第一图片，在提高图片转化效率的同时也能够避免因图块组合错误而影响用户对图片的编辑操作的问题。

在一个实施例中，将第二图片转化为对应的第二图片代码的步骤可以包括：

步骤s501，确定第二图片中的各个像素点的颜色和位置。

本步骤主要是在得到第二图片后，获取第二图片中的各个像素点的颜色和位置。

步骤s502，根据第一图片代码获取第一图片的各个像素点的编码信息。

本步骤根据第一图片代码可以获取第一图片的各个像素点的编码信息，该编码信息是指对第一图片的各个像素点进行编码的信息，根据该编码信息可以明确第一图片的各个像素点是如何编码的，例如采用了何种格式的数据进行编码。

步骤s503，根据编码信息以及第二图片中的各个像素点的颜色和位置将第二图片转化为对应的第二图片代码。

其中，根据第一图片的各个像素点的编码信息可以确定对第一图片的各个像素点的编码方式，例如以十六进制的编码方式对第一图片的各个像素点进行编码，则本步骤可以根据该编码信息将第二图片中的各个像素点的颜色和位置以十六进制的编码方式进行编码，得到第二图片代码，该第二图片代码包括多个十六进制数，而由于根据用户的编辑需求对第一图片进行了编辑，第二图片代码中这些十六进制数的数值与第一图片代码中的十六进制数是不同的。

本实施例的技术方案能够按照与第一图片代码转化第一图片对应的形式将第二图片转化为第二图片代码，使得该第二图片代码能够用于对第一图片代码进行修改，而且根据像素的关键特征如颜色和位置，能够快速且准确地将第二图片还原为对应的第二图片代码，有利于基于该第二图片代码对第一图片代码进行准确编辑。

在一个实施例中，提供了一种图片代码的编辑装置，参考图5，图5为一个实施例中图片代码的编辑装置的结构框图，该图片代码的编辑装置可以包括：

第一转化模块101，用于将第一图片代码转化为对应的第一图片；

第一编辑模块102，用于根据用户对第一图片的编辑操作编辑第一图片，得到第二图片；

第二转化模块103，用于将第二图片转化为对应的第二图片代码；

第二编辑模块104，用于根据第二图片代码编辑第一图片代码。

在一个实施例中，第二转化模块103可以包括：

代码获取单元，用于获取第一图片代码；

信息获取单元，用于根据第一图片代码获取第一图片的各个像素点的编码信息；

图片生成单元，用于根据各个像素点的编码信息生成第一图片。

在一个实施例中，信息获取单元进一步用于：

从第一图片代码中提取第一图片的各个图块的颜色编码和位置编码；根据各个图块的颜色编码和位置编码获取各个图块中的各个像素点的编码信息；根据各个图块中的各个像素点的编码信息得到第一图片的各个像素点的编码信息。

在一个实施例中，图片生成单元进一步用于：

根据各个像素点的编码信息分别确定各个像素点在对应的图块中的颜色和位置；根据各个像素点在对应的图块中的颜色和位置生成各个图块；将各个图块进行拼接，得到第一图片。

在一个实施例中，图片生成单元还进一步用于：

根据第一图片代码确定各个图块的图块索引值；根据该图块索引值将各个图块进行拼接，得到第一图片。

在一个实施例中，第二转化模块103进一步用于：

确定第二图片中的各个像素点的颜色和位置；根据第一图片代码获取第一图片的各个像素点的编码信息；根据编码信息以及第二图片中的各个像素点的颜色和位置将第二图片转化为对应的第二图片代码。

在一个实施例中，第二编辑模块104可以进一步用于：

将第一图片代码和第二图片代码进行比对，根据比对结果确定用户对第一图片代码的编辑内容；根据编辑内容对第一图片代码进行编辑。

在一个实施例中，第二编辑模块104还可以进一步用于：

将第二图片代码设为用户编辑后的第一图片代码。

本发明的图片代码的编辑装置与本发明的图片代码的编辑方法一一对应，关于图片代码的编辑装置的具体限定可以参见上文中对于图片代码的编辑方法的限定，在上述图片代码的编辑方法的实施例阐述的技术特征及其有益效果均适用于图片代码的编辑装置的实施例中，在此不再赘述。上述图片代码的编辑装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是个人计算机等终端，其内部结构图可以如图6所示，图6为一个实施例中计算机设备的内部结构图。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种图片代码的编辑方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：

将第一图片代码转化为对应的第一图片；根据用户对第一图片的编辑操作编辑第一图片，得到第二图片；将第二图片转化为对应的第二图片代码；根据第二图片代码编辑第一图片代码。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

将第一图片代码和第二图片代码进行比对，根据比对结果确定用户对第一图片代码的编辑内容；根据编辑内容对第一图片代码进行编辑。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

将第二图片代码设为用户编辑后的第一图片代码。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

获取第一图片代码；根据第一图片代码获取第一图片的各个像素点的编码信息；根据各个像素点的编码信息生成第一图片。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

从第一图片代码中提取第一图片的各个图块的颜色编码和位置编码；根据各个图块的颜色编码和位置编码获取各个图块中的各个像素点的编码信息；根据各个图块中的各个像素点的编码信息得到第一图片的各个像素点的编码信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

根据各个像素点的编码信息分别确定各个像素点在对应的图块中的颜色和位置；根据各个像素点在对应的图块中的颜色和位置生成各个图块；将各个图块进行拼接，得到第一图片。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

根据第一图片代码确定各个图块的图块索引值，根据该图块索引值将各个图块进行拼接，得到第一图片。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

确定第二图片中的各个像素点的颜色和位置；根据第一图片代码获取第一图片的各个像素点的编码信息；根据编码信息以及第二图片中的各个像素点的颜色和位置将第二图片转化为对应的第二图片代码。

上述计算机设备，通过所述处理器上运行的计算机程序，使得待编辑的第一图片代码可以先转化成图片，再基于用户对图片的编辑需求对该图片进行编辑，然后将编辑后的图片转化成相应的第二图片代码，最后基于第二图片代码完成对第二图片代码的编辑处理，相比于传统技术直接修改图片代码的方式，先将代码转化为图片，并对图片进行修改，再转化为图片代码的方式，能够大大提高图片代码的编辑效率，而且电子设备的显示方案通常会涉及对大量的显示图片进行编辑，该方案还有利于提高电子设备的显示方案开发效率。

本领域普通技术人员可以理解实现如上任一项实施例所述的图片代码的编辑方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(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)等。

据此，在一个实施例中提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

将第一图片代码转化为对应的第一图片；根据用户对第一图片的编辑操作编辑第一图片，得到第二图片；将第二图片转化为对应的第二图片代码；根据第二图片代码编辑第一图片代码。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将第一图片代码和第二图片代码进行比对，根据比对结果确定用户对第一图片代码的编辑内容；根据编辑内容对第一图片代码进行编辑。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将第二图片代码设为用户编辑后的第一图片代码。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

获取第一图片代码；根据第一图片代码获取第一图片的各个像素点的编码信息；根据各个像素点的编码信息生成第一图片。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

从第一图片代码中提取第一图片的各个图块的颜色编码和位置编码；根据各个图块的颜色编码和位置编码获取各个图块中的各个像素点的编码信息；根据各个图块中的各个像素点的编码信息得到第一图片的各个像素点的编码信息。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

根据各个像素点的编码信息分别确定各个像素点在对应的图块中的颜色和位置；根据各个像素点在对应的图块中的颜色和位置生成各个图块；将各个图块进行拼接，得到第一图片。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

根据第一图片代码确定各个图块的图块索引值，根据该图块索引值将各个图块进行拼接，得到第一图片。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

确定第二图片中的各个像素点的颜色和位置；根据第一图片代码获取第一图片的各个像素点的编码信息；根据编码信息以及第二图片中的各个像素点的颜色和位置将第二图片转化为对应的第二图片代码。

上述计算机可读存储介质，通过其存储的计算机程序，使得待编辑的第一图片代码可以先转化成图片，再基于用户对图片的编辑需求对该图片进行编辑，然后将编辑后的图片转化成相应的第二图片代码，最后基于第二图片代码完成对第二图片代码的编辑处理，相比于传统技术直接修改图片代码的方式，先将代码转化为图片，并对图片进行修改，再转化为图片代码的方式，能够大大提高图片代码的编辑效率，而且电子设备的显示方案通常会涉及对大量的显示图片进行编辑，该方案还有利于提高电子设备的显示方案开发效率。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。