[发明专利]在线编辑图片的方法和装置

权利要求书

1.一种在线编辑图片的方法，其特征在于，包括：

服务器端根据客户端的指令将待编辑图片传输给客户端展示；

客户端生成编辑框并置于所述待编辑图片之上，并监听对所述编辑框的操作指令，根据监听到的操作指令对所述编辑框进行移动和缩放；

客户端将所述编辑框在所述待编辑图片上的相对区域参数上传给服务器；

服务器根据所述相对区域参数编辑处理所述待编辑图片，生成最终图片；

该方法进一步包括客户端预览最终图片效果，具体为：

客户端在一预览区域显示至少两个与所述待编辑图片相同的预览图片，针对每个预览图片分别对应生成一遮罩层置于该预览图片之上，各个遮罩层中分别存在与最终图片的形状和大小相同的透明区域，且所述透明区域与预览图片相对位置和所述编辑框与待编辑图片的相对位置相同；

客户端在根据监听到的操作指令对所述编辑框进行移动和缩放时，按照移动参数反向移动所述预览图片，按照缩放参数反向缩放所述预览图片。

2.根据权利要求1所述的方法，其特征在于，所述服务器端根据客户端的编辑指令将待编辑图片传输给客户端展示的过程具体包括：客户端向服务器发起编辑指令并将本地原始图片上传给服务器，服务器将该原始图片缩放为预定尺寸的待编辑图片，再将该待编辑图片传输给客户端展示。

3.根据权利要求1所述的方法，其特征在于，所述遮罩层为HTML元素或图片。

4.根据权利要求1所述的方法，其特征在于，该方法在生成最终图片后进一步包括：保存该最终图片，在收到应用指令后，将所保存的最终图片发送到该应用指令对应的场景中。

5.根据权利要求1所述的方法，其特征在于，该方法在生成最终图片后进一步包括：保存所述编辑框在该待编辑图片上的相对区域参数；

当客户端再次监测到对所述待编辑图片的编辑指令后，根据所保存的所述编辑框在所述待编辑图片上的相对区域参数，还原所述编辑框在所述待编辑图片上的大小和位置。

6.根据权利要求1所述的方法，其特征在于，所述客户端的处理步骤为js脚本处理步骤。

7.一种在线编辑图片的装置，其特征在于，该装置包括：

客户端的指令发起模块，用于监听对图片的指令并通知服务器；

服务器的图片传输模块，用于将待编辑图片传输给客户端；

客户端的图片展示模块，用于展示所述待编辑图片；

客户端的编辑框处理模块，用于生成编辑框置于所述待编辑图片之上，并监听对所述编辑框的操作指令，根据监听到的操作指令对所述编辑框进行移动和缩放；

客户端的参数上传模块，用于将所述编辑框在所述待编辑图片上的相对区域参数上传给服务器；

服务器的图片编辑处理模块，用于根据所述相对区域参数编辑处理所述待编辑图片，生成最终图片；

该装置进一步包括客户端的预览模块，其中具体包括：

预览图片显示模块，用于在一预览区域显示至少两个与所述待编辑图片相同的预览图片；

遮罩层模块，用于针对每个预览图片分别对应生成一遮罩层置于所述预览图片之上，各个遮罩层中分别存在与最终图片的形状和大小相同的透明区域，且所述透明区域与预览图片相对位置和所述编辑框与待编辑图片的相对位置相同；

预览图片调整模块，用于根据编辑框处理模块监听到的对所述编辑框的移动和缩放指令，按照移动参数反向移动所述预览图片，按照缩放参数反向缩放所述预览图片。

8.根据权利要求7所述的装置，其特征在于，

所述客户端的指令发起模块中进一步包括：图片上传模块，用于将本地原始图片上传给服务器；

所述装置进一步包括：服务器的图片缩放模块，用于所述客户端上传的原始图片缩放为预定尺寸的待编辑图片，将该待编辑图片发送给服务器的图片传输模块。

9.根据权利要求7所述的装置，其特征在于，该装置进一步包括：服务器的图片存储模块，用于存储所述最终图片。