图像的处理方法、计算设备及存储介质与流程

[0001]
本申请涉及计算机技术领域，尤其涉及一种图像的处理方法、计算设备及存储介质。


背景技术：

[0002]
随着信息技术的发展，越来越多的用户可以通过设置在计算设备上的程序来实现众多功能，如，线上售票、线上娱乐、线上视频直播等功能，其中，线上售票是面向用户的观看活动消费，例如，演出消费，向用户提供活动的内容信息，并借助互联网媒介渠道，为用户提供线上购票线下观看的服务。例如，电影线上售票、演唱会线上售票以及话剧线上售票等等。而在对演出进行线上售票前，需要先对演出的场地进行设计。


技术实现要素：

[0003]
本申请的多个方面提供一种图像的处理方法、计算设备及存储介质，用以提高设计效率。
[0004]
本申请实施例提供一种图像的处理方法，包括：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理，所述描述信息用于确定图像。
[0005]
本申请实施例还提供一种座位的选择方法，包括：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理，所述描述信息用于确定图像；展示处理后的图像中的座位布局，在所述座位布局中选择目标座位，对所述目标座位进行信息设置。
[0006]
本申请实施例还提供一种座位的填充方法，包括：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理，所述描述信息用于确定图像；在处理后的图像中填充对应的座位。
[0007]
本申请实施例还提供一种计算设备，包括存储器以及处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序，以用于：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理。
[0008]
本申请实施例还提供一种计算设备，包括存储器以及处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序，以用于：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理；展示处理后的图像中的座位布局，在所述座位布局中选择目标座位，对所述目标座位进行信息设置。
[0009]
本申请实施例还提供一种计算设备，包括存储器以及处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序，以用于：在界面上展示可处理图像；根据所述可处理图像对应的描述信息，对所述可处理图像进行处理，所述描述信息用于确定图像；在处理后的图像中填充对应的座位。
[0010]
本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器实现上述方法中的步骤。
[0011]
在本申请实施例中，根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；从而可以对展示出的图像进行修改，提高图像的复用率，提高图像的设计效率，同时，可以节省设计图像的人工成本、时间成本等，进一步提高了工作效率。
附图说明
[0012]
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0013]
图1a为本申请一示例性实施例的信息的处理系统的结构示意图；
[0014]
图1b为本申请一示例性实施例的座位的选择系统的结构示意图；
[0015]
图1c为本申请一示例性实施例的购票的处理系统的结构示意图；
[0016]
图2为本申请一示例性实施例的图像的处理方法的流程示意图；
[0017]
图3为本申请一示例性实施例提供的图像处理的初始界面示意图；
[0018]
图4为本申请一示例性实施例提供的输入创建图形参数的界面示意图；
[0019]
图5为本申请一示例性实施例提供的增加图形的界面示意图；
[0020]
图6为本申请一示例性实施例提供的自主创建图形的界面示意图；
[0021]
图7为本申请一示例性实施例提供的自主创建图形的界面示意图；
[0022]
图8为本申请一示例性实施例提供的选中图形的界面示意图；
[0023]
图9为本申请一示例性实施例提供的缩放图形的界面示意图；
[0024]
图10为本申请一示例性实施例提供的缩放图形后的界面示意图；
[0025]
图11为本申请一示例性实施例提供的删除图形后的界面示意图；
[0026]
图12为本申请一示例性实施例提供的选中图形的界面示意图；
[0027]
图13为本申请一示例性实施例提供的图形尺寸变化操作的界面示意图；
[0028]
图14为本申请一示例性实施例提供的变化后图形的界面示意图；
[0029]
图15为本申请一示例性实施例提供的图形尺寸变化操作的界面示意图；
[0030]
图16a为本申请一示例性实施例提供的变化后图形的界面示意图；
[0031]
图16b为本申请一示例性实施例提供的参考点的界面示意图；
[0032]
图16c为本申请一示例性实施例提供的移动位置的界面示意图；
[0033]
图17为本申请一示例性实施例提供的图形移动操作的界面示意图；
[0034]
图18为本申请一示例性实施例提供的移动后图形的界面示意图；
[0035]
图19为本申请一示例性实施例提供的图形移动操作的界面示意图；
[0036]
图20为本申请一示例性实施例提供的移动后图形的界面示意图；
[0037]
图21为本申请一示例性实施例提供的页面更新的界面示意图；
[0038]
图22为本申请一示例性实施例提供的页面更新的界面示意图；
[0039]
图23为本申请一示例性实施例提供的图形转动操作的界面示意图；
[0040]
图24为本申请一示例性实施例提供的转动后图形的界面示意图；
[0041]
图25为本申请一示例性实施例提供的图形转动后的界面示意图；
[0042]
图26为本申请一示例性实施例提供的转动角度的界面示意图；
[0043]
图27为本申请一示例性实施例提供的外接矩形框的界面示意图；
[0044]
图28为本申请一示例性实施例提供的图形转动的界面示意图；
[0045]
图29为本申请一示例性实施例的座位的选择方法的流程示意图；
[0046]
图30为本申请一示例性实施例的座位的填充方法的流程示意图；
[0047]
图31为本申请一示例性实施例提供的信息的处理装置的结构示意图；
[0048]
图32为本申请又一示例性实施例提供的座位的选择装置的结构示意图；
[0049]
图33为本申请又一示例性实施例提供的座位的填充装置的结构示意图；
[0050]
图34为本申请一示例性实施例提供的计算设备的结构示意图；
[0051]
图35为本申请又一示例性实施例提供的计算设备的结构示意图；
[0052]
图36为本申请又一示例性实施例提供的计算设备的结构示意图。
具体实施方式
[0053]
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0054]
针对很多在同一活动场馆(也可以称为活动场地)举办的活动，如演出等，在活动场地的实景规划上，其可复用程度很高，但对于线上活动场馆的规划上，其复用程度较低，尤其对于同一活动场馆而言，只要线上规划存在差异，都需要线上在活动场馆内重新进行场地规划，产生大量不必要成本。
[0055]
在本申请实施例中，根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；从而可以对展示出的图像进行修改，提高图像的复用率，提高图像的设计效率，同时，可以节省设计图像的人工成本、时间成本等，进一步提高了工作效率。
[0056]
以下结合附图，详细说明本申请各实施例提供的技术方案。
[0057]
图1a为本申请一示例性实施例提供的一种图像的处理系统的结构示意图。如图1a所示，该处理系统100a可以包括：第一设备101以及第二设备102。
[0058]
其中，第一设备101可以是任何具有一定计算能力的计算设备。第一设备101的基本结构可以包括：至少一个处理器。处理器的数量取决于第一设备101的配置和类型。第一设备101也可以包括存储器，该存储器可以为易失性的，例如ram，也可以为非易失性的，例如只读存储器(read-only memory，rom)、闪存等，或者也可以同时包括两种类型。存储器内通常存储有操作系统(operating system，os)、一个或多个应用程序，也可以存储有程序数据等。除了处理单元和存储器之外，第一设备101还包括一些基本配置，例如网卡芯片、io总线、显示组件以及一些外围设备等。可选地，一些外围设备可以包括，例如键盘、鼠标、输入笔、打印机等。其它外围设备在本领域中是众所周知的，在此不做赘述。可选地，第一设备101可以为终端，如智能手机、笔记本、平板电脑、台式电脑等。
[0059]
第二设备102是指可以在网络虚拟环境中提供计算处理服务的设备，通常是指利用网络进行信息处理的服务器。在物理实现上，第二设备102可以是任何能够提供计算服务，响应服务请求，并进行处理的设备，例如可以是常规服务器、云服务器、云主机、虚拟中心等。第二设备102的构成主要包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似。
[0060]
在本申请实例中，第一设备101，从第二设备处获取到可处理图像的描述信息，根
据描述信息，在界面上展示可处理图像；根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0061]
第二设备102，接收第一设备101发送的获取请求，根据获取请求中携带的图像标识，可以从其本地获取到对应图像的描述信息，将描述信息发送至第一设备101。
[0062]
第二设备102，接收第一设备101发送的处理后的图像(更具体的可以是该处理后的图像的描述信息)，并保存处理后的图像。
[0063]
在一些实施例中，还提供的一种座位的选择系统。如图1b所示，该系统100b可以包括：第一设备101以及第二设备102。由于前文已经详细阐述过第一设备101和第二设备102的实现形态，此处就不再赘述。
[0064]
在本申请实例中，第一设备101，从第二设备处获取到可处理图像的描述信息，根据描述信息，在界面上展示可处理图像；根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0065]
第一设备101，将处理后的图像(更具体的可以是该处理后的图像的描述信息)发送至第二设备102。
[0066]
第二设备102，接收第一设备101发送的获取请求，根据获取请求中携带的图像标识，可以从其本地获取到对应图像的描述信息，将描述信息发送至第一设备101。
[0067]
第二设备102，接收第一设备101发送的处理后的图像(更具体的可以是该处理后的图像的描述信息)，并保存处理后的图像(更具体的可以是该处理后的图像的描述信息)。
[0068]
第二设备102，接收第一设备101发送的获取请求，根据获取请求中携带的处理后的图像标识，可以从其本地获取到处理后的图像(更具体的可以是该处理后的图像的描述信息)，将处理后的图像发送至第一设备101。
[0069]
第一设备101，根据接收到处理后的图像，在界面上生成图像，并展示给用户。该图像可以是具有座位布局的svg图像，用户可以针对该svg图像进行座位信息的设置，如，观看活动对应的座位价格、观看活动的观看时间、对应价格的优惠信息等。
[0070]
第一设备101，将设置的座位信息以及对应的图像发送至第二设备102，使得第二设备102保存对应图像的座位信息。
[0071]
需要说明的是，在系统100b中，虽然存在多个第一设备101，但该多个第一设备101对应的用户可以是同一个用户，也可以是不同用户。对于不同用户而言，可以是同一类用户，如活动场地设计用户。对于不同用户的不同类用户而言，用户可以是活动场地设计用户以及活动方设置座位信息的用户。
[0072]
此外，图像也可以是其它格式的图像，对于其它格式图像而言，也需要获取到对应的描述信息，且描述信息也是用于确定或生成该其它格式图像的。从而根据该描述信息进行图像修改。
[0073]
在一些实施例中，还提供的一种购票的处理系统。如图1c所示，该系统100c可以包括：第一设备101以及第二设备102。由于前文已经详细阐述过第一设备101和第二设备102的实现形态，此处就不再赘述。
[0074]
由于该系统100c是基于系统100b的基础上进行实现的，前文已经阐述过在系统100b中第一设备101与第二设备102之间交互方式，此处就不再赘述。
[0075]
在本申请实施例中，基于系统100b实现的基础上，第一设备101，从第二设备102处
获取到观看活动的观看场地的座位布局图以及各个座位的设置信息，具体地，可以是座位布局svg图的描述信息以及座位设置信息，并展示给用户观看该座位布局图。
[0076]
第一设备101，响应于用户的购买操作，对座位布局图中座位对应的售票进行购买，并将购买信息发送至第二设备102。
[0077]
第二设备102，接收购买信息，并对购买信息进行保存，以使后续用户无法对同一场次观看活动的同一座位对应的售票进行购买。
[0078]
在该系统100c中，虽然存在多个第一设备101，但该多个第一设备101对应的用户可以是同一个用户，也可以是不同用户。对于不同用户而言，可以是同一类用户，如活动场地设计用户，其中，活动场地设计用户进行购票操作。对于不同用户的不同类用户而言，用户可以是活动场地设计用户、活动方的座位信息设置用户以及普通观看活动的用户。
[0079]
在本申请实施例的应用场景中，如，图1b所示，活动场地设计用户，通过台式电脑的web网页端获取服务器的svg图像设计界面，并从服务器获取到图像id为xx的svg图像的描述信息，根据该描述信息在该界面上展示该svg图像。该界面上还展示有图像处理工具，如图像创建按钮。用户点击该按钮，台式电脑通过web网页端响应该操作，在界面上添加新的svg图形。用户还可以通过界面上的移动工具，移动该新的svg图形至对应位置，当用户满意当前创建的图形在界面上的对应位置时，且完成图像设计，可以通过保存操作，使得台式电脑通过web网页端将原始svg图像以及添加的svg图形作为处理后的图像103，并将处理后的图像103(更具体的，可以为处理后的图像的描述信息)发送至服务器进行保存。
[0080]
活动方设置座位信息的用户可以通过台式电脑的web网页端，获取服务器的信息设置界面，以及演出场地的座位布局的svg图像(更具体的，可以为图像的描述信息)。该svg图像可以是上述处理后的图像。在该界面上生成并展示该svg图像。该界面上还展示了座位信息的设置工具，活动方设置座位信息的用户通过设置工具选中座位，并对选中的座位进行售票价格的设置等。当座位信息设置完毕后，通过台式电脑的web网页端，将设置信息以及对应的svg图像发送至服务器，以使服务器进行对应信息的保存。
[0081]
如图1c所示，普通观看活动的用户可以通过手机安装的线上购票app，进行演唱会门票的购买，普通观看活动的用户通过购票app从服务器处提供的座位布局选择界面上进行购票操作。普通观看活动的用户在该选择界面上，选中观看活动的座位，并对该座位对应的售票进行购买。在完成购买操作后，普通观看活动的用户通过该购票app，将购票信息发送至服务器，以使服务器对购票信息进行存储，从而防止其他普通观看活动的用户对同一场次演唱会的同一座位进行购买。
[0082]
在上述本实施例中，第一设备101可以与第二设备102进行网络连接，该网络连接可以是无线或有线网络连接。若第一设备101与第二设备102是通信连接，该移动网络的网络制式可以为2g(gsm)、2.5g(gprs)、3g(wcdma、td-scdma、cdma2000、utms)、4g(lte)、4g+(lte+)、wimax、5g以及未来随着通讯技术发展而产生的其他的网络制式等中的任意一种。
[0083]
下面结合方法实施例，针对第一设备101图像处理的过程进行详细说明。
[0084]
图2为本申请一示例性实施例的图像的处理方法的流程示意图。本申请实施例提供的该方法200由第一设备执行，如，台式电脑，其中，台式电脑可以通过用户的操作辅助执行方法200，该方法200包括以下步骤：
[0085]
201：在界面上展示可处理图像。
[0086]
202：根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0087]
需要说明的是，本申请实施例除了可以通过台式电脑实现外，还可以通过上述提及的智能手机、平板电脑等终端进行实现。
[0088]
在通过智能手机实现时，可以通过智能手机安装的web网页端来实现该方法200，也可以通过智能手机安装的app来实现，还可以通过智能手机安装的小程序来实现。
[0089]
以下针对上述步骤进行详细阐述：
[0090]
步骤201：在界面上展示可处理图像。
[0091]
其中，可处理图像是指可以通过操作进行变换的图像，变换可以为增加新图像、修改原始图像等等。在本申请实施例中，该可处理图像可以为可处理的svg图像等。
[0092]
例如，用户可以通过台式电脑的web网页端向服务器发送获取请求，服务器根据获取请求中携带的访问地址，发送该访问地址对应的svg图像设计界面信息，web网页端接收到该信息后，根据该信息展示svg图像设计界面。在该界面上，用户通过台式电脑的web网页端向服务器发送获取请求，该获取请求携带的是svg标识，如id，服务器根据该id，获取对应的svg图像，并将该svg图像发送至web网页端，web网页端接收到该svg图像后，在该界面上展示该svg图像，可以将该svg图像作为原始图像。
[0093]
其中，图3示出了初始界面300，该界面300为svg图像设计界面。在界面300中展示了svg图像303、多个图像处理工具302以及图像导入工具，如“导入svg图”按钮301。
[0094]
在一些实例中，展示可处理图像，包括：获取描述信息；根据描述信息，展示可处理图像。
[0095]
其中，描述信息是指用于确定该图像的信息，如，构建(或创建)图像的代码，其中可以包含图像参数，如图像尺寸、坐标等。
[0096]
其中，获取描述信息的方式可以为：
[0097]
1)：响应于图像上传操作，从本地获取可处理图像的获取地址；从获取地址中提取描述信息；根据描述信息，展示图像。
[0098]
例如，根据前文所述，web网页端可以从台式电脑本地获取对应的svg图像，并展示在该界面上。从本地获取该图像时，web网页端响应于图像上传操作，展示出上传图像的弹窗，用户从该弹窗中查找到该图像，并确定上传的图像，web网页端响应该确定操作，可以确定该图像所在本地的获取地址，从该获取地址中获取到该图像对应的描述信息，根据该描述信息，如创建图像的代码，来展示该图像，从而完成上传操作。
[0099]
其中，如图3所示，该界面300中展示了“导入svg图”按钮301，用户可以通过鼠标点击该按钮301，使得web网页端响应该图像导入(即图像上传)操作。
[0100]
需要说明的是，对于可直接通过触摸形式进行操作的终端而言，用户可以通过触控笔或手指点击在该界面300中进行操作，如点击按钮301等。
[0101]
2)：从服务器获取对应图像的描述信息。
[0102]
例如，根据前文所述，台式电脑通过web网页端从服务器获取对应的svg图像。此时，服务器接收到获取请求后，获取对应svg图像的描述信息，例如创建图像代码，将该代码发送至web网页端。web网页端接收到该代码后，运行该代码，在界面上展示该svg图像。
[0103]
由于该svg图像具有描述信息，且该描述信息可以用于确定图像，那么该svg图像
是可以进行处理的，同时也可以作为原始图像。
[0104]
对于可处理的原始svg图像而言，如图3所示，该界面300上还可以根据对原始svg图像的操作，进而展示用于对原始svg图像进行变换(或修改)的工具302，其中，工具302可以包括添加圆形按钮、导入区域按钮、绘制多边形按钮、创建矩形区域按钮等。
[0105]
在一些实例中，也可以根据服务需求，将原始svg图像设置为保持原始布局，即，不能对该图像中的图形进行删除或移动或缩放等操作。但可以在该原始svg图像上添加新的svg图像或svg图形，且该添加的svg图像或svg图形是可处理的。即对于步骤201而言，可以是针对新添加的svg图像或svg图形在界面上进行展示。
[0106]
需要说明的是，当原始svg图像保持原始布局时，此时针对该原始svg图像进行自身的变化操作(或修改操作)时，该界面上不会展示用于删除图像、移动图像、缩放图形、旋转图像的工具按钮，或通过将这些工具按钮设置成灰色，使得该工具无法使用。
[0107]
此外，对于添加的图像格式可以是svg图像(或svg图形)，与原始图像格式相同。但也可以添加的图像格式可以原始图像格式不同，但需要web网页端的服务能够同时支持对应的图像格式的展示，且每个图像格式都具有确定该图像的描述信息。
[0108]
针对上述原始svg图像保持原始布局的情况，以下进行详细阐述：
[0109]
在一些实例中，该方法200还包括：获取原始图像，并在界面上展示原始图像，原始图像保持原始布局；在展示完原始图像后，执行展示可处理图像的步骤。
[0110]
其中，图像保持原始布局，即图像不可进行自身的修改，如删除其中的图形以及移动其中的图形等。但可以在展示界面上进行添加新的图像或图形，使得原始图像与添加的图像或图形进行结合。
[0111]
原始图像，也可以称为初始图像，是指在展示界面上第一张图像，如一张完整的svg图像。在该原始图像上可以添加图像、编辑图像以及删除图像等。其中，编辑图像可以包括移动图像、旋转图像以及缩放图像。
[0112]
原始布局是指原始图像所具有的布局。
[0113]
由于前文已经详细阐述过了在获取原始图像的具体实施过程，此处就不再赘述。而展示可处理图像的具体实施过程也再前文中详细阐述过了，此处也不再赘述。但是，应理解，此处是将两个过程进行了结合，先执行原始图像的获取过程，在该基础上，再去执行获取可处理图像的过程。即，在展示有原始图像的界面上，增加并展示可处理图像。
[0114]
此外，在一些实例中，在界面中已经存在原始svg图像，且该svg图像保持原始布局，则上述获取描述信息可以包括：响应于图形创建操作，获取创建操作中的图形参数；根据图形参数，生成描述信息。
[0115]
其中，图形参数是指用于确定图形的数据，如图形尺寸以及图像形状等。
[0116]
例如，根据前文所述，web网页端展示了具有原始svg图像的界面，该界面还展示了创建图形工具，图4示出了关于创建图形的界面400，该界面400中展示了“创建矩形区域”按钮401，用户点击该按钮401，台式电脑通过web网页端响应操作，在界面上展示输入参数的弹窗402，在该弹窗402内展示了矩形的高和宽的输入框以及线条宽度的输入框，用户将创建的矩形的尺寸输入至弹窗402内，并确定线条宽度，点击弹窗402内的“确定”按钮403，台式电脑通过web网页端响应该操作，从该操作中获取到输入参数，根据该参数确定创建图形代码，该参数设置在创建图形代码中。
[0117]
其中，图5示出了增加图形的界面500，基于上述操作后，在该界面500中展示出了创建图形代码对应的图形501。此外，还可以通过“导入区域”按钮502导入对应的svg图形，由于该导入过程与前文阐述的图像导入过程相似，此处就不再赘述。导入图形的结果也如图5所示的界面500中图形501。
[0118]
需要说明的是，新增的图像或者图形为可处理图像，可以根据该可处理图像对应的描述信息，对该可处理图像进行处理。例如，可以对新增加的图像或图形进行编辑，如，将界面500上展示的图形501进行移动、删除以及缩放等等操作。
[0119]
此外，图形的创建，除了上述通过输入参数以及“导入区域”按钮502导入之外，还可以包括利用鼠标拖动的自主创建图形方式。图6示出了自主创建图形的界面600，在该界面600中，用户点击“创建矩形区域”按钮401，台式电脑通过web网页端响应操作，在界面上展示绘制标识601，用户通过鼠标拖动该绘制标识601，绘制一个矩形。
[0120]
图7示出了自主创建图形的界面700，在该界面700中展示了绘制过程，用户通过鼠标拖动该绘制标识601，绘制出一个待定矩形701，当用户对该待定矩形701大小不满意，可以继续拖动该绘制标识，继续放大该待定矩形701。当用户对待定矩形701大小满意，则停止拖动，松开鼠标，生成最终的矩形，如图5所示的矩形501。
[0121]
此外，在该界面400中还展示了添加圆形按钮、绘制多边形按钮。用户通过鼠标分别点击这两个按钮可以在界面上生成圆形以及多边形，由于生成过程与上述详细阐述的矩形生成过程相似，此处就不再赘述。
[0122]
尽管以上附图和描述将“创建矩形区域”、“添加圆形”、“绘制多边形”分布以按钮的形式展示在界面上，本领域技术人员应该理解的是，上述按钮还可以通过其它形式提供给用户使用，为简明起见，此处不再赘述。
[0123]
在一些实例中，该方法200还包括：合并可处理图像对应的描述信息与原始图像对应的描述信息。
[0124]
例如，根据前文所述，台式电脑的web网页端在获取到可处理图像(或可处理图形)的描述信息(例如，创建图像代码(或创建图形代码))后，将该创建图像代码设置到原始svg图像的创建图像代码根节点下，如，原始svg图像的创建图像代码为“xxx”，可处理图像(或可处理图形)的创建图像代码(或创建图形代码)为“yyy”，则将合并后的代码为“xxxyyy”。web网页端可以根据合并后的代码，在原始图像上展示可处理图像，如，在原始svg图像上添加并展示可处理图像。
[0125]
在一些实例中，该方法200还包括：标识可处理图像对应的描述信息。
[0126]
其中，标识方式可以包括为描述信息添加id，为描述信息设置符号等。
[0127]
例如，根据前文所述，在界面上展示有原始svg图像，且该原始svg图像保持原始布局，则需要对在界面上新添加的可处理图像或可处理图形添加对应标识，如id00，表示该图像或图形是可处理的，如，为对应的创建图像代码或创建图形代码添加id00。
[0128]
步骤202：根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0129]
其中，处理方式可以包括对可处理图像(或图形)的删除、添加新图像(例如，图4-图7展示的增加新图像)、对可处理图像的移动、缩放、旋转等。
[0130]
在一些实例中，对图像进行处理，包括：确定可处理图像中待处理图形的描述信
息；根据图形处理操作，获取待处理图形的处理参数；根据待处理图形的描述信息与处理参数，确定并展示处理后的图形。
[0131]
其中，图形处理操作是指对图形进行修改的操作，如图形的移动操作、旋转操作、缩放操作等。
[0132]
处理参数是指用于确定处理情况的参数，例如，移动参数，用于确定移动的位置，如移动轨迹；旋转参数，用于确定旋转的程度，如转动程度；缩放参数，用于确定缩放的大小，如尺寸变化比例。
[0133]
例如，根据前文所述，用户通过鼠标选中界面上的新添加的svg图形或原始svg图像中的待处理图形，台式电脑通过web网页端响应该操作，确定用户选中的图形，从而确定图形对应的描述信息，同时web网页端响应该操作，在界面上展示了处理工具，用户通过鼠标点击该处理工具，如缩放工具，则web网页端响应该操作，在该界面上展示缩放控件，用户在缩放控件中确定缩放程度，web网页端响应该操作，获取该操作中的缩放程度，根据该缩放程度确定出该图形的缩放后的尺寸，如矩形各个顶点的坐标，将确定后的坐标替换描述信息中的原始坐标，从而确定并展示缩放后的svg图形。
[0134]
应理解，除了各个顶点的坐标，还可以根据图形的边的坐标，来确定缩放后的图形，还可以根据图形中心点坐标以及缩放后的图形边长，来确定缩放后的图形。
[0135]
又例如，根据前文所述，用户在选中svg图形或原始svg图像中的待处理图形后，通过鼠标直接拖动该图形，直至用户松开鼠标，web网页端响应该操作，确定该鼠标的移动轨迹，并可以根据鼠标的移动轨迹，确定出该选中svg图形的移动轨迹，根据该移动轨迹，确定出该svg图形最终的坐标，如矩形各个顶点坐标，将确定后的坐标替换描述信息中的原始坐标，从而确定并展示移动后的svg图形。
[0136]
再例如，根据前文所述，用户在选中svg图形或原始svg图像中的待处理图形后，web网页端可以响应该操作，在选中svg图形边缘处展示出旋转控件，用户可以通过鼠标拖动该旋转控件进行旋转，同时，鼠标跟随旋转，使得选中svg图形跟随鼠标进行旋转，直至旋转到用户松开鼠标，web网页端响应该操作，确定出鼠标的旋转角度，可以根据鼠标的旋转角度，确定出该选中svg图形的旋转角度，根据该旋转角度，确定出该svg图形最终旋转后的坐标，如矩形旋转后的各个顶点坐标，将确定后的坐标替换描述信息中的原始坐标，从而确定并展示旋转后的svg图形。
[0137]
其中，图8示出了选中图形的界面800，在该界面800中展示了该新添加的矩形svg图形501，用户通过鼠标点击该图形501，则该界面展示了“操作区域”按钮801，该按钮801用于缩放图形。
[0138]
图9示出了缩放图形的界面900a和界面900b，在该界面900a中，用户通过鼠标点击该按钮801，则界面900b展示了缩放控件901，用户通过鼠标拖动缩放控件901中的缩放按钮903向左移动，使得图形501缩小，当用户点击缩放控件901中“确定”按钮902，则确定图形501最终的缩小程度。
[0139]
图10示出了缩放图形后的界面1000，在确定了图形501的缩小程度后，该界面1000中展示了缩小后的图形501。
[0140]
应理解，可以将界面上可处理图形作为一个独立的可处理图像，那么该可处理图像中可处理图形就是该独立的可处理图像。此外，尽管图9中是通过缩放按钮903实现待处
理图像的缩放操作，本领域技术人员应该理解的是，还可以采用其它的技术手段实现待处理图像的缩放操作。
[0141]
需要说明的是，当原始svg图像可处理时，可以直接针对该原始svg图像进行处理，处理过程与上述处理过程相似，此处就不再赘述，只说明，用户可以通过鼠标点击该原始svg图像中一个图形，进行图形的选中操作并处理选中的原始svg图像中的待处理图形。
[0142]
在一些实例中，确定并展示处理后的图形，包括：根据待处理图形的描述信息，确定待处理图形的闭合曲线；获取用于确定闭合曲线的第一参数；根据第一参数以及处理参数，确定并展示处理后的图形。
[0143]
其中，待处理图形是指可以通过操作进行变化的图形，如缩放变化、平移变换以及旋转变化等。在本申请实施例中，该待处理图像可以包括svg图像中的任一图形或任一图像等。
[0144]
闭合曲线也可以称为封闭曲线，是指一个图像或图形的轮廓，如矩形的四个边。
[0145]
第一参数是指确定该闭合曲线长度以及形状的第一参数，该第一参数可以存在于闭合曲线上，也可以不存在于闭合曲线上。
[0146]
当闭合曲线属于规则闭合曲线，即闭合曲线围成的图形属于规则图形。可以通过该规则闭合曲线的类型，确定闭合曲线的第一参数。如规则闭合曲线围成的图形可以为正多边形、圆形等。此时，多于各个正多边形的第一参数可以包括各个图像的顶点，如矩形的四个顶点。对于圆形而言，第一参数可以包括圆形周长上的三个点。
[0147]
需要说明的是，对于规则图形而言，用于确定规则图形的参数并不唯一，例如，对于矩形而言，第一参数可以包括顶点，也可以包括中心点、对角线长度以及对角线斜率，选择至少一种第一参数即可。
[0148]
在一些实例中，获取用于确定闭合曲线的第一参数，包括：根据待处理图形的描述信息，确定用于组成闭合曲线的线条；确定线条的第一参数，并作为闭合曲线的第一参数，线条的第一参数用于确定线条。
[0149]
需要说明的是，根据待处理图形的描述信息中的线条信息，可以确定待处理图形的线条类型、闭合曲线以及闭合曲线的形状(如，是否属于规则图形等)。
[0150]
其中，线条是闭合曲线中一部分，组合成闭合曲线。线条类型可以包括：直线、贝塞尔曲线以及椭圆弧。需要说明的是，闭合曲线中可以包含一种线条类型，也可以包含至少两种线条类型。
[0151]
对于直线而言，第一参数包括直线的两个端点，即起点和终点；对于贝塞尔曲线而言，第一参数包括贝塞尔曲线的起点、终点以及控制点。对于椭圆弧而言，第一参数包括椭圆弧的起点，终点，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry。
[0152]
其中，对于贝塞尔曲线包括二次贝塞尔曲线和三次贝塞尔曲线，无论是哪种贝塞尔曲线，其第一参数均包括起点、终点以及控制点。但对于二次贝塞尔曲线控制点为一个，对于三次贝塞尔曲线控制点为两个。
[0153]
当闭合曲线围成的图形属于非规则图形时，可以通过确定组成闭合曲线的线条的第一参数，作为闭合曲线的第一参数。应理解，本实例也可以适用于闭合曲线围成的图形属
于规则图形的情况。
[0154]
在一些实例中，该方法200还包括：响应于选中操作，确定选中操作对应的待处理图形，再执行根据待处理图形的描述信息，确定待处理图形的闭合曲线。
[0155]
其中，在确定闭合曲线时，需要先确定用于组成闭合曲线的线条。确定用于组成闭合曲线的线条，包括：获取待处理图形的描述信息；从描述信息中，根据线条形状标识，确定线条以及线条类型。
[0156]
其中，线条形状标识，也可以称为是线条类型标识，是指唯一标识线条形状的信息，如，直线线条标识可以为l等。应理解，该标识是在编辑描述信息，即编辑代码时，已经预定好的。
[0157]
例如，根据前文所述，用户在看到展示的svg图像后，可以通过鼠标点击该svg图像中的任一图形(或图像)。台式电脑通过web网页端响应该操作，根据该鼠标事件，确定鼠标点击点在展示界面上的坐标，根据确定的坐标确定该点击点所属的任一图形，即，确定该点击点坐标在哪一个对应图形的坐标范围内。在确定点击点对应的任一图形后，如svg图像中的一个矩形图形。在确定该图形后，web网页端获取该图形对应的描述信息，如构建图形的代码，读取该构建图形代码，根据预置线条形状标识，从该构建图形代码中，识别出不同线条形状标识，例如，构建图形代码为xxxlxxx。其中，读取过程中识别出l标识，并确定该选中图形中存在直线线条，根据直线线条确定出其第一参数，从而确定出闭合曲线的第一参数。
[0158]
需要说明的是，在本申请实施例中，由于图像都是可进行变化处理的，所以每个图形都对应有描述信息，在确定图形的同时，就可以确定描述信息。
[0159]
其中，图12示出了选中图像的界面1200。在该界面1200展示了获取到的svg图像，在该svg图像包含4个观看区域和一个舞台。用户通过鼠标的光标1201点击“观看区域1”的图形1202，web网页端响应该操作，在界面1200上凸显出选中的图形1202。
[0160]
在一些实例中，确定线条的第一参数，包括：根据线条类型，确定线条的第一参数。
[0161]
例如，根据前文所述，根据线条类型，确定出各个线条对应的第一参数，如直线两端点等。再根据线条对应的描述信息，如，其代码，确定出每个线条变化前的坐标，如直线形状标识l后记录的该直线第二参数，根据该二参数，确定每个线条的坐标，从而确定出第一参数对应的数值。如直线两端点(0,2)和(2,4)。
[0162]
其中，第二参数是指用于确定线条的参数，例如，线条的长度等。需要说明的是，第一参数可以与第二参数相同，也可以与第二参数不同。但，二者都可以用于唯一确定一个线条。例如，直线的第一参数可以是直线两个端点，第二参数可以是直线的两个端点，或也可以是直线的一个端点、斜率以及长度等。
[0163]
需要说明的是，如果对应的描述信息已经记录了参数对应的数值，即第一参数与第二参数相同，可以直接从描述信息中获取，无需再去确定对应线条的坐标。应理解，从描述信息，如代码，中直接获取数据(如坐标)的方式，与上述根据描述信息，如代码，中的第二参数，获取数据(如坐标)的方式，属于两种可执行方式。
[0164]
在一些实例中，确定并展示处理后的图形，包括：根据处理参数，确定对应每个线条的第一参数在展示界面上的处理后位置；根据第一参数的处理后位置，确定对应线条在展示界面上的处理后位置；根据线条的处理后位置，确定闭合曲线在展示界面上的处理后位置，从而确定并展示处理后的图形。
[0165]
以下分别针对缩放、移动以及旋转的操作进行说明：
[0166]
1)缩放操作：
[0167]
需要说明的是，对于缩放操作而言，对可处理图像进行处理可以包括：确定待处理图像的闭合曲线；根据用于确定闭合曲线的第一参数和变化比例，对待处理图像进行图像尺寸变化处理。
[0168]
根据前文阐述可知，根据待处理图形的描述信息，确定待处理图形的闭合曲线以及组成闭合曲线的线条；根据描述信息，确定线条的第一参数，并作为闭合曲线的第一参数。
[0169]
在一些实例中，响应于图形尺寸变化操作，确定尺寸变化比例；根据尺寸变化比例，确定对应每个线条的第一参数在展示界面上的变化后位置；根据第一参数的变化后位置，确定对应线条在展示界面上的变化后位置；根据线条的变化后位置，确定闭合曲线在展示界面上的变化后位置，从而确定并展示待处理图形在展示界面上的变化后位置。
[0170]
其中，尺寸变化比例是指图形在尺寸上的变化情况，如图形等比例放大，或等比例缩小，或不等比例放大，或不等比例缩小。
[0171]
变化后位置是指参数、线条以及图像根据尺寸变化比例变化后的坐标，在展示界面上展示变化后位置表示展示变化后的坐标对应的图形。
[0172]
图像尺寸变化操作可以包括但不限于：鼠标滚轮的操作，例如，向上滑动滚轮操作或向下滑动滚轮操作等。
[0173]
需要说明的是，对于直线而言，其第一参数在展示界面上的变化后位置，是确定其第一参数中的起点和终点的变化位置。
[0174]
对于贝塞尔曲线而言，其第一参数在展示界面上的变化后位置，是确定其第一参数中的起点、控制点和终点的变化位置。
[0175]
例如，根据前文所述，用户通过鼠标选中待处理图形后，可以向上滑动鼠标滚轮，台式电脑通过web网页端检测到该鼠标滚轮事件。当确定是向上滑动滚轮操作，web网页端确定用户要将选中图形等比例放大到2倍。则web网页端将每个线条的第一参数，如，矩形图像的线条为4个直线，每个直线的起点和终点为第一参数，即4个顶点作为第一参数。将4个顶点坐标按照变化比例2倍进行放大变换，如，坐标(0,1)变换为(0,2)，最终确定每个线条的坐标，以及线条组成闭合曲线的坐标，即变换后图形的位置，进而展示缩放后的图形。
[0176]
其中，图13示出了操作界面1300，在该操作界面1300中展示了用户已经通过鼠标1301选中待处理图形1202，用户操作鼠标1301的滚轮1302向上滑动。
[0177]
图14示出了变化后图形的界面1400，该界面1400是继在界面1300上操作之后展示的。用户在界面1300上完成将鼠标1301的滚轮1302向上滑动操作后，在该界面1400中展示了，选中图像1202变化为图形1401，等比例放大到2倍。
[0178]
当用户通过鼠标选中图形后，向下滑动鼠标滚轮，台式电脑通过web网页端检测到该鼠标滚轮事件。当确定是向下滑动滚轮操作，web网页端确定用户要将选中图形等比例缩小到2倍。则web网页端将每个线条的第一参数，如，矩形图像的线条为4个直线，每个直线的起点和终点为第一参数，即4个顶点作为第一参数。将4个顶点坐标按照变化比例2倍进行缩小变换，如，坐标(0,1)变换为(0,0.5)，最终确定每个线条的坐标，以及线条组成闭合曲线的坐标，即变换后图形的位置。
[0179]
其中，图15示出了操作界面1500，在该操作界面1500中展示了用户已经通过鼠标1301选中图像1202，用户操作鼠标1301的滚轮1302向下滑动。
[0180]
图16a示出了变化后图形的界面1600a，该界面1600a是继在界面1500上操作之后展示的。用户在界面1500上完成将鼠标1301的滚轮1302向下滑动操作后，在该界面1600a中展示了，选中图像1202变化为图像1601，等比例缩小到2倍。
[0181]
需要说明的是，鼠标滚轮的滑动方向可以对应不同的等比例变化，可以根据服务情况设置。例如，等比例放大3倍，等比例放大4倍等。可以同时对应放大操作，也可以同时对应缩小操作。如，向上滑动滚轮对应等比例放大3倍，向下滑动滚轮对应等比例放大4倍等。
[0182]
此外，还可以非等比例变化，如向上滑动滚轮对应x轴放大3倍，y轴放大4倍，向下滑动滚轮对应x轴缩小4倍，y轴缩小2倍等。
[0183]
在一些实例中，当第一参数包括位置参数以及形状参数，该方法200还包括：根据处理参数，确定对应每个线条的位置参数在展示界面上的处理后位置；根据位置参数的处理后位置以及形状参数，确定对应线条在展示界面上的处理后位置，位置参数用于确定待处理图形的位置，形状参数用于确定待处理图形的形状。
[0184]
需要说明的是，由于是第一参数在展示界面上的变化后位置，所以对于椭圆弧而言，是确定其第一参数中的起点，终点，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry的变化位置，椭圆弧的其它参数不变。即，椭圆弧的位置参数是指其起点，终点，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry。其形状参数是指其椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag。
[0185]
对于包含有椭圆弧的图形而言，则根据等比例放大到2倍，将椭圆弧位置参数，如起点，终点，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry，等比例放大到2倍，再根据不变的参数，即形状参数，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，确定椭圆弧在展示界面上的等比例放大到2倍后的变化后位置，最终确定图形所有线条的变化位置，即确定变换后图形的位置。
[0186]
另外，还可以直接通过用户输入变化比例，来实现选中图形的尺寸变换。例如，用户在选中图形后，展示界面提供出弹窗，该弹窗中具有放大或缩小的输入栏。如x轴放大多少倍，y轴放大多少倍。用户输入完成倍数输入后，完成输入确定操作。台式电脑通过web网页端响应该操作，获取到该操作中的变化比例，从而根据该变化比例进行选中图像的变化。由于变化的具体实施方式，前文已经详细阐述过了，此处就不再赘述。
[0187]
在一些实例中，该方法200还包括：确定待处理图形的原始参考点，该原始参考点用于确定待处理图形在展示界面上的第一位置；确定原始参考点变化后的变化参考点，该变化参考点用于确定待处理图形在展示界面上变化后的第二位置；将变化参考点设置到原始参考点上。
[0188]
其中，参考点是指可以确定图形位置的点，如图像的中心。
[0189]
需要说明的是，当待处理图形属于规则图形时，可以直接确定图形的参考点坐标。当待处理图形属于非规则图形时，可以通过下述方式确定参考点坐标：
[0190]
例如，根据前文所述，当用户选中图形后，台式电脑通过web网页端获取到该选中
图形的描述信息(例如，构建图形代码)，并确定出选中图形的线条，根据线条的坐标确定出对应线条长度，从而确定出长度中点坐标。根据该图形对应的所有线条长度的中点坐标，确定出所有的中点坐标x轴和y轴的平均值，作为该图形的中心坐标，即该图形的闭合曲线的中心坐标。
[0191]
根据上述方式，台式电脑通过web网页端确定出变化后图形的中心坐标。确定两个中心坐标之间的坐标差，即位置差，如(x1，y1)(即x1为x轴差值，y1为y轴差值)，使得变化后图形的中心坐标去掉或增加该坐标差，使得变化后图形的中心点移动到原始参考点处，进而使得变化后的图像移动到原始选中图形的位置上。
[0192]
其中，图16b示出了参考点的界面，在该界面1600b中展示了虚线表示的选中图形1202的中心点1602，选中图形1202的放大图像1401和放大图像1401的中心点1603。
[0193]
图16c示出了移动位置的界面，当将放大图形1401和选中图形1202移动到同一位置时，需要将中心点1602与中心点1603重合，即将放大图形1401的中心点1603移动到选中图形1202的中心点1602的位置上，此时放大图形1401与选中图形1202共用同一个中心点1602，从而，将放大图形1401和选中图形1202移动到同一位置。
[0194]
需要说明的是，相同位置的两个图形是指具有相同参考点的两个图形，且该参考点分别位于每个图形的同一相对参考位置，参考点可以包括图形的中心点以及顶点。
[0195]
变化前和变化后的图形具有相同位置，可以使得用户在观看图形时，体验更加好；同时，可以使得变化后的图形不会展示到界面外，减少造成部分图形无法看到的问题。
[0196]
在一些实例中，将变化参考点设置到原始参考点上，包括：确定原始参考点位置与变化参考点位置的位置差；根据位置差，将变化参考点设置到原始参考点上。
[0197]
其中，位置差是指两个参考点之间的坐标差。
[0198]
由于前文已经详细阐述本实例的具体实施方式，此处就不再赘述。
[0199]
2)移动操作：
[0200]
需要说明的是，对于移动操作而言，对可处理图像进行处理可以包括：确定待处理图像的闭合曲线；根据用于确定闭合曲线的第一参数和移动轨迹，对待处理图像进行图像移动。
[0201]
根据前文阐述可知，根据待处理图形的描述信息，确定待处理图形的闭合曲线以及组成闭合曲线的线条；根据描述信息，确定线条的第一参数，并作为闭合曲线的第一参数。
[0202]
在一些实例中，响应于图形移动操作，确定移动轨迹；其中，确定待处理图形移动后的位置，包括：根据移动轨迹，确定对应每个线条的第一参数在展示界面上移动后的位置；根据第一参数移动后的位置，确定对应线条在展示界面上移动后的位置；根据线条移动后的位置，确定闭合曲线在展示界面上移动后的位置，从而确定并展示待处理图形在展示界面上移动后的位置。
[0203]
其中，移动后的位置是指参数、线条以及图像根据移动轨迹移动后的坐标。在展示界面上展示移动后的位置表示展示移动后的坐标对应的图形。
[0204]
需要说明的是，当移动轨迹在持续变化的时候，移动后的位置也会随着移动轨迹而持续变化，直至移动轨迹不再变化为止。在展示界面上也可以显示出这种持续变化的过程。
[0205]
图像移动操作可以包括但不限于：鼠标拖拽或拖动的操作。
[0206]
需要说明的是，对于直线而言，确定其第一参数在展示界面上移动后的位置，包括确定其第一参数中的起点和终点移动后的位置。
[0207]
对于贝塞尔曲线而言，确定其第一参数在展示界面上移动后的位置，包括确定其第一参数中的起点、控制点和终点移动后的位置。
[0208]
例如，根据前文所述，用户通过鼠标选中待处理图形后，可以通过鼠标拖动选中图形，台式电脑通过web网页端检测到该鼠标选中事件以及鼠标拖动事件。根据该鼠标选中事件，确定出当前鼠标在展示界面上的坐标，并作为移动轨迹的起点坐标。再根据鼠标拖动事件，确定出移动轨迹的坐标，即由多个移动坐标组成的移动轨迹，从而确定出该持续变化的移动轨迹的终点坐标与起点坐标之间的差距坐标。web网页端将每个线条的第一参数，如，矩形图形的线条为4个直线，每个直线的起点和终点为第一参数，即4个顶点作为第一参数。将4个顶点坐标按照差距坐标进行移动处理，如，顶点坐标(0,1)，差距坐标为(x1，y1)，则移动后的顶点坐标变换为(0+x1,1+y1)，进而最终确定移动后的四个顶点坐标、每个线条的坐标，以及线条组成闭合曲线的坐标，即移动位置后的图形。
[0209]
其中，图17示出了操作界面1700，在该操作界面1700中展示了用户已经通过鼠标选中图形1202，用户拖动鼠标，使得选中图形1202沿着移动轨迹1701、移动轨迹1702、移动轨迹1703、移动轨迹1704移动，并最终得到移动轨迹1704对应的移动位置后的图像1705。
[0210]
图18示出了移动后图形的界面1800，该界面1800是继在界面1700上操作之后展示的。用户在界面1700上完成鼠标选中图形以及拖动鼠标的操作后，在该界面1800中展示了，选中图形1202移动到最终位置的图形1705。
[0211]
当移动轨迹不同但移动轨迹的终点和起点相同时，虽然该选中图形是根据移动轨迹回到原位置，但在展示形式上可以展示为选中图形并未移动。
[0212]
其中，图19示出了操作界面1900，在该操作界面1900中展示了用户已经通过鼠标选中图形1202，用户拖动鼠标，使得选中图形1202沿着移动轨迹1701、移动轨迹1702、移动轨迹1703、移动轨迹1704移动，并最终得到移动轨迹1704对应的移动位置后的图形，但该移动位置后的图形回到原始位置，即选中图形1702的初始位置。在该界面1900上可以显示出选中图形1202随着移动轨迹回到原位置，也可以不显示出该移动轨迹，使得选中图形1202一直在原位置不动。
[0213]
图20示出了移动后图形的界面2000，该界面2000是继在界面1900上操作之后展示的。用户在界面1900上完成鼠标选中图形以及拖动鼠标的操作后，在该界面2000中展示了，选中图形1202并随着移动轨迹进行移动，一直在原位置不动。
[0214]
在一些实例中，当第一参数包括位置参数以及形状参数，该方法200还包括：根据处理参数，确定对应每个线条的位置参数在展示界面上的处理后位置；根据位置参数的处理后位置以及形状参数，确定对应线条在展示界面上的处理后位置，位置参数用于确定待处理图形的位置，形状参数用于确定待处理图形的形状。
[0215]
需要说明的是，当椭圆弧属于一个完整的椭圆，即闭合曲线存在一个完整椭圆时，可以根据图像的描述信息中的椭圆形状标识，确定这个完整的椭圆，对于完整的椭圆而言，第一参数可以是椭圆的椭圆中心x坐标值，椭圆中心y坐标值，椭圆长轴半径值，椭圆短轴半径值。
[0216]
由于是第一参数在展示界面上的移动后的位置，对于椭圆而言，是确定其第一参数中的椭圆中心(即位置参数)移动后的位置，椭圆的其他参数不变，即形状参数，如，椭圆长轴半径值，椭圆短轴半径值。
[0217]
对于椭圆弧而言，是确定其第一参数中的起点和终点(即位置参数)移动后的位置，椭圆弧的其它参数不变，即形状参数，如，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry。
[0218]
以椭圆为例说明，根据等移动轨迹，将椭圆的中心进行移动，得到中心移动后的坐标，再根据不变的参数，即形状参数，椭圆长轴半径值，椭圆短轴半径值，确定椭圆在展示界面上移动后的位置，最终确定图形所有线条移动的位置，即确定移动后图形的位置。
[0219]
例如，根据前文所述，web网页端在确定差距坐标后，当选中图像中的闭合曲线具有椭圆曲线或椭圆弧，则web网页端将其位置参数，根据差距坐标进行移动，如，椭圆的中心坐标(x，y)根据差距坐标为(x1，y1)移动为(x+x1,y+y1)，在根据椭圆的形状参数，如椭圆长轴半径值，椭圆短轴半径值，确定出移动后的椭圆，从而确定出移动后的整个闭合曲线，即移动后的选中图形。
[0220]
另外，还可以直接通过用户输入移动位置，如移动坐标，来实现选中图形的移动。例如，用户在选中图形后，展示界面提供出弹窗，该弹窗中具有选中图形或对应闭合曲线的位置参数的输入栏。如矩形顶点移动后的坐标，或椭圆中心点移动后的坐标。用户输入完成移动坐标输入后，完成输入确定操作。台式电脑通过web网页端响应该操作，获取到该操作中的移动坐标，从而根据该移动坐标进行选中图形的移动。由于变化的具体实施方式，前文已经详细阐述过了，此处就不再赘述。
[0221]
在一些实例中，该方法200还包括：响应于图形的连续移动操作，在展示界面上展示出待处理图形的连续移动位置。
[0222]
例如，根据前文所述，用户通过鼠标选中图形，并拖动该图形进行持续移动直至用户停止拖动，台式电脑通过web网页端响应该操作，确定差距坐标，并在界面上显示出持续移动位置后对应的持续移动的选中图形。
[0223]
在一些实例中，该方法200还包括：根据展示界面所在页面的更新频率，在展示界面上展示出待处理图形的连续移动位置。
[0224]
当页面存在更新频率，如，页面一秒更新10帧，则需要跟随该更新频率来更新移动位置。
[0225]
例如，根据前文所述，用户通过鼠标选中图形，并拖动该图形进行持续移动直至用户停止拖动，台式电脑通过web网页端响应该操作，确定差距坐标，并通过动画帧函数，在进行页面更新时，在展示界面上展示出移动位置好的待处理图形，当页面经过多次刷新后，会形成在展示界面上展示出连续移动位置后的待处理图形。
[0226]
为了节省计算资源，不进行不必要的执行操作，还可以通过以下方式实现图像移动：
[0227]
在一些实例中，展示出待处理图形的连续移动位置，包括：当到达页面的更新时间，根据第一参数以及更新时间对应的移动轨迹，确定并展示待处理图形移动后的位置，从而确定多个更新时间对应的连续移动位置。
[0228]
例如，根据前文所述，用户通过鼠标选中图形，并拖动该图形进行持续移动直至用户停止拖动，台式电脑通过web网页端响应该操作，确定差距坐标，并通过请求动画帧函数，实现页面更新，当到达页面更新时间时，动画帧函数会获取差距坐标，需要说明的是，差距坐标可以随着移动操作在持续更新中，即通过数据覆盖形式进行数据更新，动画帧函数获取到的差距坐标都是最新的，即当前的差距坐标，动画帧函数根据差距坐标来确定第一参数的移动位置，并确定并展示出闭合曲线的移动位置，即确定并展示出移动后的选中图形。
[0229]
需要说明的是，web网页端还可以直接记录或更新移动轨迹的起点和终点，使得动画帧函数获取到最新的移动轨迹的起点和终点，来进行差距坐标的计算，并确定并展示出闭合曲线的移动位置。
[0230]
在一些实例中，该方法200还包括：当到达更新时间，确定前一次更新时间对应的移动轨迹终点与到达更新时间对应的移动轨迹终点是否相同；若相同，直接将上一次更新时间对应的位置作为到达更新时间对应的位置。
[0231]
例如，根据前文所述，用户通过鼠标选中图形，并拖动该图形进行持续移动直至用户停止拖动，台式电脑通过web网页端响应该操作，确定差距坐标，并对差距坐标设置标识，如，时间戳，当时间戳相同时则视为差距坐标相同，此时web网页端通过动画帧函数获取差距坐标，并确定其时间戳是否与上一次动画帧函数获取到的差距坐标的时间戳相同，相同，则无需进行移动位置的确定；不同则可以进行移动位置的确定。
[0232]
其中，图21示出了页面更新前的界面2100a和更新后的界面2100b，在该界面2100a中展示了选中图形1202未移动前的展示位置。当鼠标拖动选中图形1202后，直至停止后，在页面刷新后，该界面2100b展示了选中图形1202最终的展示位置。
[0233]
其中，图22示出了页面更新前的界面2200a和更新后的界面2200b，在该界面2200a中展示了选中图形1202未移动前的展示位置。当鼠标拖动选中图形1202后，直至停止，又回到选中图形1202的原位置，在页面刷新后，该界面2200b展示了选中图形1202最终的展示位置不曾改变。
[0234]
需要说明的是，在开始通过鼠标移动图形时，在移动的过程，移动轨迹都对应同一个起点，所以只需移动轨迹终点相同，则差距坐标就相同。
[0235]
还可以直接对获取到差距坐标与上一次差距坐标进行坐标数据对比，当相同时，则无需进行移动位置的确定。
[0236]
3)旋转操作：
[0237]
需要说明的是，对于旋转操作而言，对可处理图像进行处理可以包括：确定待处理图像的闭合曲线；根据用于确定闭合曲线的第一参数和转动程度，对待处理图像进行图像转动。
[0238]
根据前文阐述可知，根据待处理图形的描述信息，确定待处理图形的闭合曲线以及组成闭合曲线的线条；根据描述信息，确定线条的第一参数，并作为闭合曲线的第一参数。
[0239]
在一些实例中，根据转动程度，确定对应每个线条的第一参数在展示界面上转动后的位置；根据第一参数转动后的位置，确定对应线条在展示界面上转动后的位置；根据线条转动后的位置，确定闭合曲线在展示界面上转动后的位置，从而确定待处理图像在展示界面上转动后的位置。其中，转动后的位置是指参数、线条以及图像根据转动程度转动后的
坐标，即在展示界面上用户看到的是转动后的图像。
[0240]
其中，转动程度可以为转动角度以及转动轴点。
[0241]
转动后的位置是指参数、线条以及图像根据转动程序转动后的坐标，在展示界面上展示转动后位置表示展示转动后的坐标对应的图形。
[0242]
需要说明的是，对于直线而言，确定第一参数在展示界面上转动后的位置，包括确定其第一参数中的起点和终点转动后的位置。
[0243]
对于贝塞尔曲线而言，确定第一参数在展示界面上转动后的位置，包括确定其第一参数中的起点、控制点和终点转动后的位置。
[0244]
需要说明的是，当转动角度在持续变化的时候，转动后的位置也会随着转动轨迹而持续变化，直至转动角度不再变化为止。在展示界面上也可以显示出这种持续变化的过程。
[0245]
其中，转动程度的确定方式包括：确定待处理图形的转动轴点以及转动参考点，转动参考点包括转动起始点；根据转动轴点以及转动参考点，确定转动起始轴；展示转动参考点，响应于图形转动操作，确定转动参考点对应的转动结束点，并根据转动结束点与转动轴点，确定转动结束轴；根据转动起始轴以及转动结束轴之间的夹角，确定两轴之间的转动角度，将转动轴点以及转动角度作为转动程度。
[0246]
其中，转动轴点是指在图形围绕一点进行旋转时，该一点即为转动轴点，该转动轴点可以随机选择，例如，图形的中心点。
[0247]
转动参考点是指用于转动待处理图形的参考点，即可以表示为该图形的起始位置，或起始点；该转动参考点可以设置在待处理图形的正上方。
[0248]
转动起始轴是指待处理图形的中心与转动参考点的连接线，将该连接线作为起始轴。
[0249]
转动结束点是指转动参考点经过转动操作到达的转动终点。
[0250]
转动结束轴是指待处理图形的中心与转动结束点的连接线，将该连接线作为结束轴。
[0251]
在一些实例中，确定待处理图形的转动轴点，包括：将待处理图形的中心作为待处理图形的转动轴点。
[0252]
例如，根据前文所述，用户通过鼠标选中图形后，展示该图形的转动参考点，同时记录该转动参考点的坐标，用户可以通过鼠标转动选中图形的转动参考点，台式电脑通过web网页端检测到该鼠标选中事件以及鼠标转动事件。根据该鼠标选中事件，确定出当前鼠标在展示界面上的坐标，并根据该坐标确定所选中的图形，并确定该选中图形的中心坐标。再根据鼠标转动事件，确定出转动结束点的坐标。web网页端将中心坐标分别与转动参考点的坐标以及转动结束点的坐标进行连接，确定转动起始轴以及转动结束轴，从而确定两个轴之间的夹角，作为转动角度。
[0253]
web网页端将每个线条的第一参数，如，矩形图形的线条为4个直线，每个直线的起点和终点为第一参数，即4个顶点作为第一参数。将4个顶点坐标按照转动角度进行转动处理，如，顶点坐标(x1,y1)，转动角度α，转动后的顶点坐标为(x1
′
,y1
′
)，最终确定转动后的四个顶点坐标、每个线条的坐标，以及线条组成闭合曲线的坐标，即转动位置后的图形。
[0254]
需要说明的是，直线和贝塞尔曲线可以适用于本实例。
[0255]
其中，图23示出了操作界面2300，在该操作界面2300中展示了用户已经通过鼠标选中图形1202，web网页端响应该操作，在该界面2300上展示了转动参考点2302，用户通过鼠标光标1201选中转动参考点2302，并拖动鼠标使得光标1201拖动转动参考点2302转动，直至用户松开鼠标，转动参考点2302沿着拖动轨迹2301转动，并最终得到拖动轨迹2301对应的转动结束点2303。
[0256]
图24示出了转动后图形的界面2400，该界面2400是继在界面2300上操作之后展示的。用户在界面2300上完成鼠标选中图形以及拖动鼠标的操作后，在该界面2400中展示了选中图形1202转动的过程，使得用户可以看到个转动的过程，直到用户对当前转动效果满意为止，即得到最终位置的图像2401。
[0257]
当转动轨迹不同但转动轨迹的终点相同时，即同一个转动结束点，在展示形式上可以展示为选中图像转动效果相同。
[0258]
其中，图25示出了转动后图形的界面2500，在该界面2500中展示了用户松开鼠标后，最终选中图形1202的显示位置。
[0259]
图26示出了转动角度的界面2600，该界面2600是继在界面2300上操作之后展示的。用户在界面2300上完成鼠标选中图形以及拖动鼠标的操作后，在该界面2600中标示出了web网页端确定的选中图形1202中心2604，通过中心2604与转动参考点2302确定的转动起始轴2603，以及通过中心2604与转动结束点2303，确定的转动结束轴2602，并确定出转动起始轴2603与转动结束轴2602之间的夹角2601。从而使得web网页端根据该夹角，确定转动后的图像2401。
[0260]
图27示出了图像转动的界面2700，在界面2700展示了选中图形矩形2702的转动过程。该矩形2702在原始位置上的四个顶点分别沿着转动轨迹(即转动角度)，进行转动。其顶点2707沿着转动轨迹2703转动，顶点2708沿着转动轨迹2704转动，顶点2709沿着转动轨迹2705转动，顶点2710沿着转动轨迹2706转动，最终得到转动后图形2701。
[0261]
在一些实例中，当第一参数包括位置参数以及形状参数，该方法200还包括：根据处理参数，确定对应每个线条的位置参数在展示界面上的处理后位置；根据位置参数的处理后位置以及形状参数，确定对应线条在展示界面上的处理后位置，位置参数用于确定待处理图形的位置，形状参数用于确定待处理图形的形状。
[0262]
需要说明的是，由于是第一参数在展示界面上的转动后的位置，对于椭圆弧而言，是确定其第一参数中的起点和终点(即位置参数)转动后的位置，椭圆弧的形状参数包括，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry。
[0263]
根据等转动程度，将椭圆弧的起点和终点进行转动，得到起点和终点转动后的坐标，再根据形状参数，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry，确定椭圆弧在展示界面上转动后的位置，最终确定图形所有线条转动的位置，即确定转动后图形的位置。
[0264]
例如，根据前文所述，web网页端在确定转动角度后，当选中图形中的闭合曲线具有椭圆弧曲线，则web网页端将其位置参数，根据转动角度进行转动，如，椭圆弧的起点坐标
(x1,y1)和终点坐标(x2,y2)根据转动角度α，转动为(x1
′
,y1
′
)和(x2
′
,y2
′
)，再根据椭圆弧的形状参数，如，椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation，取大角度弧或小角度弧large-arc-flag，由起点到终点顺时针取弧或逆时针取弧sweep-flag，椭圆弧所在椭圆半长轴长度rx，椭圆弧所在椭圆半短轴长度ry属于形状参数。对于椭圆弧的位置参数更具体可以为起点坐标、终点的x轴坐标以及y轴坐标，确定出转动后的椭圆弧，从而确定出转动后的整个闭合曲线，即转动后的选中图形。
[0265]
需要说明的是，对于椭圆弧在进行转动时，还需要对其形状参数的椭圆弧所在椭圆与x轴正向交角角度x-axis-rotation进行调整，将该角度根据转动角度α进行调整，如该x-axis-rotation角度为β，则调整为β+α，或β-α，再根据调整后的角度以及其它形状参数，来确定最终的椭圆弧。
[0266]
另外，还可以直接通过用户输入转动位置，如转动后坐标，或转动角度，来实现选中图形的转动。例如，用户在选中图形后，展示界面提供出弹窗，该弹窗中具有选中图形或对应闭合曲线的位置参数或转动角度的输入栏。如矩形顶点转动后的坐标。用户输入完成转动后坐标或转动角度后，完成输入确定操作。台式电脑通过web网页端响应该操作，获取到该操作中的转动坐标或转动角度，从而根据该转动坐标或转动角度进行选中图形的转动。由于变化的具体实施方式，前文已经详细阐述过了，此处就不再赘述。
[0267]
在一些实例中，该方法200还包括：确定待处理图形的外接矩形框，将外接矩形框的中心作为待处图形的中心。
[0268]
例如，根据前文所述，用户通过鼠标选中图形，台式电脑通过web网页端响应该操作，确定选中图形后，确定该选中图形的外接矩形框，并将该外接矩形框的中心作为该选中图形的中心。
[0269]
需要说明的是，当选中图形属于规则图形，则可以直接确定该规则图形的中心作为选中图像的中心。而规则图形也适用于上述实例。
[0270]
其中，图28示出了外接矩形框的界面2800，在界面2800中展示出了选中图形2801，其属于非规则图形，当用户选中该图形2801，web网页端则确定该图形2801的外接矩形框2802，并将该外接矩形框2802的中心2803，作为该图形2801的中心。
[0271]
在一些实例中，该方法200还包括：保存待处理图形的初始参数；响应于恢复操作，根据初始参数，恢复可处理图形。
[0272]
其中，初始参数是指用于确定图形的初始数据，如刚开始生成图形时的参数。
[0273]
例如，根据前文所述，在用户选中图形后，台式电脑可以通过web网页端响应该操作，确定出该图形对应的描述信息，如创建图形代码，并提取并保存代码中的初始参数，如矩形图形的顶点坐标，或者长和宽。当用户在执行处理图形的操作中或操作后，如果想要返回到原始图形，可以点击界面上提供的恢复按钮，web网页端响应该操作，获取该图形的初始参数，将该初始参数重新设置到该图形对应的创建图形代码中，从而生成该初始图形，实现恢复可处理图形的功能。
[0274]
需要说明的是，界面提供的恢复按钮的展现形式不进行限定，可以为新提供的恢复按钮，也可以为在操作过程中的取消当前操作的取消按钮，只要需要恢复到选中图形原始状态的功能按键都可以视为恢复按钮。
[0275]
此外，除了通过保存初始参数，还可以直接保存初始创建图像代码(创建图形代
码)实现恢复操作，当保存的是初始创建图像代码，在响应恢复操作时，则可以获取对应初始创建图像代码，进行选中图形的原始状态的恢复。
[0276]
在一些实例中，当展示有原始图像，且原始图像保持原始布局，该方法200还包括：响应于图形的选择操作，确定所选择的图形对应的描述信息；当图形对应的描述信息具有标识，执行获取待处理图形的处理参数的步骤。
[0277]
例如，根据前文所述，当原始svg图像不允许进行移动、旋转以及缩放等处理操作时，用户在选中图形后，台式电脑通过web网页端响应该操作，确定该图形对应的创建图形代码，并确定该代码是否存在可修改标识，如id00，如存在，则表示该图形时可处理图形，如新添加后的图形，则可以执行上述图形处理的步骤。当不存在，则表示该图形属于原始svg图像，或者属于不可进行移动、旋转以及缩放等处理的图像，那么不允许移动、旋转以及缩放等该svg图像，在界面上可以不展示这些操作的按钮，或者将这些操作的按钮设置成灰度。
[0278]
在一些实例中，对图像进行处理，包括：确定可处理图像中待处理图形的描述信息；响应于删除操作，删除待处理图形的描述信息。
[0279]
例如，根据前文所述，用户通过鼠标选中界面上的新添加的svg图形，台式电脑通过web网页端响应该操作，确定用户选中的图形，从而确定图形对应的创建图形代码，同时web网页端响应该操作，在界面上展示了处理工具，用户通过鼠标点击该处理工具，如删除工具，则web网页端响应该操作，将确定的创建图像代码删除，从而将界面上用户选中的svg图形删除。
[0280]
需要说明的是，在进行删除操作时，台式电脑通过web网页端，确定该图像是否存在标识，当存在标识，则还可以说明该svg图像来源于本地，或者在本地生成，则可以直接删除掉对应代码，完成删除操作。当不存在标识，可以说明该svg图像来源于服务器，需要调用对应服务器删除接口来删除掉该服务器中存储的对应代码，再删除掉本地对应代码，完成删除操作。
[0281]
其中，图11示出了删除图形的界面1100a和1100b。用户通过鼠标点击界面1100a中的图形501，该界面1100a展示了“删除区域”按钮，用户通过鼠标点击“删除区域”按钮，则界面1100b上删除掉了图形501。
[0282]
同时，根据服务需求，在原始svg图像可以删除的情况下，也可以在界面上删除原始svg图像，删除的具体实现方式由于前文已经详细阐述过，此处就不再赘述。
[0283]
在一些实例中，对图像进行处理，包括：响应于图像上传操作，从本地获取待添加图像的获取地址；从获取地址中提取待添加图像的描述信息；合并待添加图像的描述信息与可处理图像对应的描述信息，在界面上增加并展示待添加图像。
[0284]
需要说明的是，由于本实例与前文详细阐述的在界面上上传图像的具体实施方式相同，此处就不再赘述。在本实例中，可以适用于直接对可处理的新图像或可处理原始图像，进行添加图像。
[0285]
在一些实例中，对图像进行处理，包括：响应于图形创建操作，获取创建操作中的图形参数；根据图形参数，生成待创建图形的描述信息；合并生成的描述信息与可处理图像对应的描述信息，在界面上增加并展示图形。
[0286]
需要说明的是，由于本实例与前文详细阐述的在界面上创建图形的具体实施方式
相同，此处就不再赘述。在本实例中，可以适用于直接对可处理的新图像或可处理原始图像，进行添加图像。
[0287]
此外，前文提及到的处理过程，如删除、添加、移动等等，都适用于该可处理原始svg图像。即直接对该原始svg图进行图像处理，由于处理过程前文已经详细阐述过，此处就不再赘述。仅说明，当对原始svg图形进行图像处理后，如果该原始svg图像来源于服务器，则需要通过保存处理后的svg图像，即将对应处理后的创建图像代码发送至服务器，通过覆盖的方式进行图像更新，或者服务器直接保存处理前和处理后的svg图像。或者先保存至本地，在保存至服务器。
[0288]
若原始svg图像来源于本地，则可以先在本地进行保存，等到用户触发保存至服务器的操作后，将对应处理后的创建图像代码发送至服务器，实现图像的保存。
[0289]
此外，对于具有标识的svg图像而言，当其存储至服务器后，服务器可以删除掉这些标识，如id00。或者台式电脑通过web网页端响应于存储操作，删除掉这些标识后，再将svg图像发送至服务器。
[0290]
本申请实施例，通过实现用户对场馆图中任意图形的增删改操作，特别是针对svg图，可以直接实现对于(同一场馆下举办的)其他演出的区域规划，无需由于其他演出区域规划的调整而重新规划整个场馆区域，此外，还可以将某一场馆的场馆图通过上述方案进行处理，获得另一场馆的场馆图，从而能够节约大量人力物力，从根本上提升工作效率。
[0291]
图29为本申请另一示例性实施例提供的一种座位的选择方法的流程示意图。本申请实施例提供的该方法2900由第一设备执行，如，台式电脑，其中，台式电脑可以通过用户的操作辅助执行方法2900，该方法2900包括以下步骤：
[0292]
2901：在界面上展示可处理图像。
[0293]
2902：根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；
[0294]
2903：展示处理后的图像中的座位布局，在座位布局中选择目标座位，对目标座位进行信息设置。
[0295]
需要说明的是，由于步骤2901-2902在前文中已经详细阐述过了，这里就不再赘述。
[0296]
以下针对步骤2903进行详细地阐述：
[0297]
2903：展示处理后的图像中的座位布局，在座位布局中选择目标座位，对目标座位进行信息设置。
[0298]
例如，根据前文所述，当处理后的svg图像中不具有座位图标时，或者部分不具有座位图标，则需要进行将座位设置到该处理后的svg图像中各个观看区域中或部分观看区域中。可以通过绑定的方式，将各个座位图标绑定到对应的观看区域中。即每个观看区域与其对应的座位图标具有关联关系，从而完成绑定，并在对应观看区域展示出绑定的座位以及座位分布情况。用户可以直接在该处理后的svg图像上选择目标座位图标，并对该目标座位设置对应观看活动的价格，座位号，以及优惠信息等。并将设置完的信息和对应处理后的svg图像(具有座位布局)发送至服务器进行存储。
[0299]
需要说明的是，处理后的svg图像具有预置的座位图标，则无需进行座位绑定，直接展示出该座位布局即可，并进行座位信息的设置。
[0300]
处理svg图像的用户与设置座位信息的用户可属于同一用户，也可以属于不同用户。
[0301]
图30为本申请另一示例性实施例提供的一种座位的填充方法的流程示意图。本申请实施例提供的该方法3000由第一设备执行，如，台式电脑，其中，台式电脑可以通过用户的操作辅助执行方法3000，该方法3000包括以下步骤：
[0302]
3001：在界面上展示可处理图像。
[0303]
3002：根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0304]
3003：在处理后的图像中填充对应的座位。
[0305]
由于步骤3001-3003在前文中已经详细阐述过，此处就不再赘述。仅说明，填充座位的方式可以是通过绑定方式实现。
[0306]
图31为本申请一示例性实施例提供的信息的处理装置的结构框架示意图。该装置3100可以应用于第一设备中，例如，台式电脑，该装置3100包括展示模块3101以及处理模块3102，以下针对各个模块的功能进行详细的阐述：
[0307]
展示模块3101，用于在界面上展示可处理图像。
[0308]
处理模块3102，用于根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0309]
在一些实例中，展示模块3101，用于获取描述信息，根据描述信息，展示可处理图像。
[0310]
在一些实例中，该装置3100还包括：获取模块，用于获取原始图像，并在界面上展示原始图像，原始图像保持原始布局；在展示完原始图像后，执行展示可处理图像的步骤。
[0311]
在一些实例中，展示模块3101，包括：第一获取单元，用于响应于图像上传操作，从本地获取可处理图像的获取地址；第一提取单元，用于从获取地址中提取描述信息。
[0312]
在一些实例中，第一获取单元，用于响应于图形创建操作，获取创建操作中的图形参数；展示模块3101，还包括：生成模块，用于根据图形参数，生成描述信息。
[0313]
在一些实例中，该装置3100还包括：合并模块，用于合并可处理图像对应的描述信息与原始图像对应的描述信息。
[0314]
在一些实例中，该装置3100还包括：标识模块，用于标识可处理图像对应的描述信息。
[0315]
在一些实例中，处理模块3102，包括：确定单元，用于确定可处理图像中待处理图形的描述信息；第二获取单元，用于根据图形处理操作，获取待处理图形的处理参数；确定单元，用于根据待处理图形的描述信息与处理参数，确定并展示处理后的图形。
[0316]
在一些实例中，确定单元，用于根据待处理图形的描述信息，确定待处理图形的闭合曲线；获取用于确定闭合曲线的第一参数；根据第一参数以及处理参数，确定并展示处理后的图形。
[0317]
在一些实例中，确定单元，用于根据待处理图形的描述信息，确定用于组成闭合曲线的线条；确定线条的第一参数，并作为闭合曲线的第一参数，线条的第一参数用于确定所述线条。
[0318]
在一些实例中，确定单元，用于根据线条类型，确定线条的第一参数。
[0319]
在一些实例中，确定单元，用于根据处理参数，确定对应每个线条的第一参数在展示界面上的处理后位置；根据第一参数的处理后位置，确定对应线条在展示界面上的处理后位置；根据线条的处理后位置，确定闭合曲线在展示界面上的处理后位置，从而确定并展示处理后的图形。
[0320]
在一些实例中，当第一参数包括位置参数以及形状参数，该装置3100还包括：确定模块，用于根据处理参数，确定对应每个线条的位置参数在展示界面上的处理后位置；根据位置参数的处理后位置以及形状参数，确定对应线条在展示界面上的处理后位置，位置参数用于确定待处理图形的位置，形状参数用于确定待处理图形的形状。
[0321]
在一些实例中，该装置3100还包括：保存模块，用于保存待处理图形的初始参数；恢复模块，用于响应于恢复操作，根据初始参数，恢复可处理图形。
[0322]
在一些实例中，当展示有原始图像，且原始图像保持原始布局，确定模块，还用于响应于图形的选择操作，确定所选择的图形对应的描述信息；当图形对应的描述信息具有标识，执行获取待处理图形的处理参数的步骤。
[0323]
在一些实例中，确定单元，用于确定可处理图像中待处理图形的描述信息；处理模块3102，还包括：删除单元，用于响应于删除操作，删除待处理图形的描述信息。
[0324]
在一些实例中，第二获取单元，用于响应于图像上传操作，从本地获取待添加图像的获取地址；处理模块3102，还包括：第二提取单元，用于从获取地址中提取待添加图像的描述信息；增加单元，用于合并待添加图像的描述信息与可处理图像对应的描述信息，在界面上增加并展示待添加图像。
[0325]
在一些实例中，第二获取单元，用于响应于图形创建操作，获取创建操作中的图形参数；处理模块3102，还包括：生成单元，用于根据图形参数，生成待创建图形的描述信息；增加单元，用于合并生成的描述信息与可处理图像对应的描述信息，在界面上增加并展示图形。
[0326]
其中，图形处理操作包括：图形旋转操作、图形移动操作以及图形缩放操作。
[0327]
图32为本申请一示例性实施例提供的座位的选择装置的结构框架示意图。该装置3200可以应用于第一设备中，例如，台式电脑，该装置3200包括展示模块3201、处理模块3202以及设置模块3203，以下针对各个模块的功能进行详细的阐述：
[0328]
展示模块3201，用于在界面上展示可处理图像；
[0329]
处理模块3202，用于根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；
[0330]
设置模块3203，用于展示处理后的图像中的座位布局，在座位布局中选择目标座位，对目标座位进行信息设置。
[0331]
图33为本申请又一示例性实施例提供的一种座位的填充装置的结构框架示意图。该装置3300可以应用于第一设备中，例如，台式电脑；该装置3300包括：展示模块3301、处理模块3302以及填充模块3303，以下针对各个模块的功能进行详细的阐述：
[0332]
展示模块3301，用于在界面上展示可处理图像；
[0333]
处理模块3302，用于根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；
[0334]
填充模块3303，用于在处理后的图像中填充对应的座位。
[0335]
以上描述了图31所示的处理装置3100的内部功能和结构，在一个可能的设计中，图31所示的处理装置3100的结构可实现为终端设备，如图34所示，该终端设备3400可以包括：存储器3401以及处理器3402；
[0336]
存储器3401，用于存储计算机程序；
[0337]
处理器3402，用于执行计算机程序，以用于：在界面上展示可处理图像；根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像。
[0338]
在一些实例中，处理器3402，具体用于：获取描述信息，根据描述信息，展示可处理图像。
[0339]
在一些实例中，处理器3402，还用于：获取原始图像，并在界面上展示原始图像，原始图像保持原始布局；在展示完原始图像后，执行展示可处理图像的步骤。
[0340]
在一些实例中，处理器3402，具体用于：响应于图像上传操作，从本地获取可处理图像的获取地址；从获取地址中提取描述信息。
[0341]
在一些实例中，处理器3402，具体用于：响应于图形创建操作，获取创建操作中的图形参数；根据图形参数，生成描述信息。
[0342]
在一些实例中，处理器3402，还用于：合并可处理图像对应的描述信息与原始图像对应的描述信息。
[0343]
在一些实例中，处理器3402，还用于：标识可处理图像对应的描述信息。
[0344]
在一些实例中，处理器3402，具体用于：确定可处理图像中待处理图形的描述信息；根据图形处理操作，获取待处理图形的处理参数；根据待处理图形的描述信息与处理参数，确定并展示处理后的图形。
[0345]
在一些实例中，处理器3402，具体用于：根据待处理图形的描述信息，确定待处理图形的闭合曲线；获取用于确定闭合曲线的第一参数；根据第一参数以及处理参数，确定并展示处理后的图形。
[0346]
在一些实例中，处理器3402，具体用于：根据待处理图形的描述信息，确定用于组成闭合曲线的线条；确定线条的第一参数，并作为闭合曲线的第一参数，线条的第一参数用于确定所述线条。
[0347]
在一些实例中，处理器3402，具体用于：根据线条类型，确定线条的第一参数。
[0348]
在一些实例中，处理器3402，具体用于：根据处理参数，确定对应每个线条的第一参数在展示界面上的处理后位置；根据第一参数的处理后位置，确定对应线条在展示界面上的处理后位置；根据线条的处理后位置，确定闭合曲线在展示界面上的处理后位置，从而确定并展示处理后的图形。
[0349]
在一些实例中，当第一参数包括位置参数以及形状参数，该装置3100还包括：确定模块，用于根据处理参数，确定对应每个线条的位置参数在展示界面上的处理后位置；根据位置参数的处理后位置以及形状参数，确定对应线条在展示界面上的处理后位置，位置参数用于确定待处理图形的位置，形状参数用于确定待处理图形的形状。
[0350]
在一些实例中，处理器3402，还用于：保存待处理图形的初始参数；响应于恢复操作，根据初始参数，恢复可处理图形。
[0351]
在一些实例中，当展示有原始图像，且原始图像保持原始布局，处理器3402，还用于：响应于图形的选择操作，确定所选择的图形对应的描述信息；当图形对应的描述信息具
有标识，执行获取待处理图形的处理参数的步骤。
[0352]
在一些实例中，处理器3402，具体用于：确定可处理图像中待处理图形的描述信息；响应于删除操作，删除待处理图形的描述信息。
[0353]
在一些实例中，处理器3402，具体用于：响应于图像上传操作，从本地获取待添加图像的获取地址；从获取地址中提取待添加图像的描述信息；合并待添加图像的描述信息与可处理图像对应的描述信息，在界面上增加并展示待添加图像。
[0354]
在一些实例中，处理器3402，具体用于：响应于图形创建操作，获取创建操作中的图形参数；根据图形参数，生成待创建图形的描述信息；合并生成的描述信息与可处理图像对应的描述信息，在界面上增加并展示图形。
[0355]
其中，图形处理操作包括：图形旋转操作、图形移动操作以及图形缩放操作。
[0356]
另外，本发明实施例提供了一种计算机存储介质，计算机程序被一个或多个处理器执行时，致使一个或多个处理器实现图2方法实施例中图像的处理方法的步骤。
[0357]
以上描述了图32所示的选择装置3200的内部功能和结构，在一个可能的设计中，图32所示的选择装置3200的结构可实现为终端设备，如图35所示，该终端设备3500可以包括：存储器3501以及处理器3502；
[0358]
存储器3501，用于存储计算机程序；
[0359]
处理器3502，用于执行计算机程序，以用于：在界面上展示可处理图像；根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；展示处理后的图像中的座位布局，在座位布局中选择目标座位，对目标座位进行信息设置。
[0360]
另外，本发明实施例提供了一种计算机存储介质，计算机程序被一个或多个处理器执行时，致使一个或多个处理器实现图29方法实施例中座位的选择方法的步骤。
[0361]
以上描述了图33所示的填充装置3300的内部功能和结构，在一个可能的设计中，图33所示的填充装置3300的结构可实现为终端设备，如图36所示，该终端设备3600可以包括：存储器3601以及处理器3602；
[0362]
存储器3601，用于存储计算机程序；
[0363]
处理器3602，用于执行计算机程序，以用于：在界面上展示可处理图像；根据可处理图像对应的描述信息，对可处理图像进行处理，描述信息用于确定图像；在处理后的图像中填充对应的座位。
[0364]
另外，本发明实施例提供了一种计算机存储介质，计算机程序被一个或多个处理器执行时，致使一个或多个处理器实现图30方法实施例中座位的填充方法的步骤。
[0365]
需要说明的是，尽管本申请实施例是以手机为例进行说明的，但实际上本申请实施例不仅适用于手机，还可以适用于其他智能终端，例如，平板电脑、笔记本、电脑等智能终端，均属于本申请的保护范畴。
[0366]
另外，在上述实施例及附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如201、202、203等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。
[0367]
以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
[0368]
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
[0369]
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程多媒体数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程多媒体数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0370]
这些计算机程序指令也可存储在能引导计算机或其他可编程多媒体数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0371]
这些计算机程序指令也可装载到计算机或其他可编程多媒体数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0372]
在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
[0373]
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
[0374]
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
[0375]
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。