[发明专利]基于web端压缩切图的方法、装置、系统及存储介质

权利要求书

1.一种基于web端压缩切图的方法，其特征在于，包括：

获取具有多个切图的设计界面；

响应用户选择至少一个切图的请求，并根据所述请求确定待压缩切图；

当获取到用户确定下载所述待压缩切图的请求时，基于web端的图片压缩库对所述待压缩切图进行压缩；

将压缩后的切图下载以进行存储。

2.根据权利要求1所述的基于web端压缩切图的方法，其特征在于，所述设计界面中具有选择切图的控件；所述响应用户选择至少一个切图的指令，并根据所述指令确定待压缩切图包括：

获取所述用户移动所述控件的请求；

确定所述控件在所述设计界面中移动的至少一个轨迹范围；

根据所述控件移动的轨迹范围确定为所述待压缩切图。

3.根据权利要求2所述的基于web端压缩切图的方法，其特征在于，所述轨迹范围包括轨迹线条及轨迹坐标，所述轨迹线条为所述待压缩切图的尺寸，所述轨迹坐标为所述待压缩切图在所述设计界面中的位置。

4.根据权利要求2所述的基于web端压缩切图的方法，其特征在于，所述根据所述控件移动的轨迹范围确定为所述待压缩切图之后包括：

根据确定的所述待压缩切图，判断是否获取到选择压缩切图的请求；

当获取到选择压缩切图的请求时，生成下载请求界面以供用户确定压缩切图并进行下载；

当没有获取到选择压缩切图的请求时，生成下载请求界面以供用户下载未压缩的切图。

5.根据权利要求1所述的基于web端压缩切图的方法，其特征在于，所述web端配置有webworker及JavaScript；所述当获取到用户确定下载所述待压缩切图的请求时，基于web端的图片压缩库对所述待压缩切图进行压缩包括：

响应用户下载所述待压缩切图的请求；

根据所述下载所述待压缩切图的请求，基于web端的webworker为JavaScript创建多个线程环境；

根据所述多个线程环境，在每一所述线程环境中通过所述图片压缩库对所述待压缩切图进行压缩以生成压缩后的切图。

6.根据权利要求5所述的基于web端压缩切图的方法，其特征在于，所述图片压缩库为pngquant库；所述根据所述多个线程环境，在每一所述线程环境中通过所述图片压缩库所述待压缩切图进行压缩以生成压缩后的切图包括：

在每一所述线程环境中，通过所述pngquant库将所述待压缩切图转换成8位PNG图片并保留透明度通道；

将转换成8位并保留透明度通道的所述PNG图片确定为所述压缩后的切图。

7.一种基于web端压缩切图的装置，其特征在于，包括：

第一获取模块，用于获取具有多个切图的设计界面；

响应模块，用于响应用户选择至少一个切图的指令；

第一确定模块，用于根据所述指令确定待压缩切图；

压缩模块，用于当获取到用户确定下载所述待压缩切图的请求时，基于web端的图片压缩库对所述待压缩切图进行压缩；

下载模块，用于将压缩后的切图下载以进行存储。

8.根据权利要求7所述的基于web端压缩切图的装置，其特征在于，包括：

第二获取模块，用于获取所述用户移动所述控件的请求；

第二确定模块，用于确定所述控件在所述设计界面中移动的至少一个轨迹范围；

第三确定模块，用于根据所述控件移动的轨迹范围确定为所述待压缩切图。

9.一种基于web端压缩切图的系统，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述的基于web端压缩切图的方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述的基于web端压缩切图的方法的步骤。