[发明专利]一种图片的裁剪方法和浏览器装置

说明书

技术领域

本发明涉及浏览器技术领域，特别是涉及一种图片的裁剪方法和一种浏览器装置。

背景技术

用户使用浏览器浏览网页时，有时一些网页需要上传图片并裁剪后作为用户标识等信息，例如上传头像等。

用户在浏览器中上传图片后，通常会将图片传输给服务器，并且在页面中显示该图片，在确定裁切位置的坐标后将该坐标上传给服务器，然后服务器按照坐标对上传的图片进行裁剪，并返回裁剪后的图片以在页面中显示。

但是，在服务器进行裁剪就需要保证将图片完整的上传至服务器，裁剪后的图片还要反馈给网页显示，图片裁剪前、后传输过程耗时较多，且需要消耗较多的网络带宽资源。

发明内容

本发明实施例所要解决的技术问题是提供一种图片的裁剪方法，以解决图片裁剪过程中耗时较长且浪费资源的问题。

相应的，本发明实施例还提供了一种浏览器装置，用以保证上述方法的实现及应用。

为了解决上述问题，本发明公开了一种图片的裁剪方法，包括：浏览器接收上传图片并将所述上传图片压缩后显示在当前页面的裁剪区域内；在所述裁剪区域上显示裁剪框，并依据指示信息调整所述裁剪框确定裁剪信息；按照预置公式采用所述裁剪信息计算所述上传图片对应裁剪图片的尺寸信息，并按照所述尺寸信息绘制所述裁剪图片进行预览显示；对所述裁剪图片进行编码，并将编码后的裁剪图片反馈给服务器，以在所述服务器中备份所述裁剪图片。

可选的，将所述上传图片压缩后显示在当前页面的裁剪区域内，包括：获取当前页面中裁剪区域的规格信息，并依据所述规格信息对所述上传图片进行等比例压缩；将压缩后的上传图片添加到所述裁剪区域内进行显示。

可选的，所述浏览器接收上传图片之后，还包括：读取所述上传图片的描述信息，并依据所述描述信息检测所述上传图片是否符合图片规格条件；在所述传图片符合图片规格条件时，执行将所述上传图片压缩后显示在当前页面的裁剪区域内的步骤。

可选的，在所述裁剪区域上显示裁剪框，并依据指示信息调整所述裁剪框确定裁剪信息，包括：按照预置裁剪信息生成裁剪框，并将所述裁剪框遮盖在所述裁剪区域内的上传图片上；监听鼠标事件获取对所述裁剪框进行调整的指示信息；依据所述指示信息调整所述裁剪框的大小范围，和/或，调整裁剪框在所述裁切区域上的位置，确定调整后的裁剪信息。

可选的，按照预置公式采用所述裁剪信息计算所述上传图片对应裁剪图片的尺寸信息，包括：当预置公式为第一公式时，按照所述第一公式计算所述裁剪信息对应在所述上传图片中的坐标信息，确定所述上传图片对应裁剪图片的尺寸信息；和/或，当预置公式为第二公式时，按照所述第二公式计算所述裁剪信息对应在压缩后的上传图片中的坐标信息，确定所述上传图片对应裁剪图片的尺寸信息。

可选的，按照所述尺寸信息绘制所述裁剪图片进行预览显示，包括：按照所述尺寸信息对所述上传图片和/或压缩后的上传图片进行裁剪得到绘制的裁剪图片；将所述裁剪图片显示在当前页面的预览区域内。

可选的，所述对所述裁剪图片进行编码，包括：从所述预览区域内获取裁剪图片，并按照预置算法对所述裁剪图片进行编码。

相应的，本发明实施例还公开了一种浏览器装置，包括：接收模块，用于接收上传图片；显示模块，用于将所述上传图片压缩后显示在当前页面的裁剪区域内；裁剪框调整模块，用于在所述裁剪区域上显示裁剪框，并依据指示信息调整所述裁剪框确定裁剪信息；预览显示模块，用于按照预置公式采用所述裁剪信息计算所述上传图片对应裁剪图片的尺寸信息，并按照所述尺寸信息绘制所述裁剪图片进行预览显示；编码并反馈模块，用于对所述裁剪图片进行编码，并将编码后的裁剪图片反馈给服务器，以在所述服务器中备份所述裁剪图片。

可选的，所述显示模块，包括：压缩子模块，用于获取当前页面中裁剪区域的规格信息，并依据所述规格信息对所述上传图片进行等比例压缩；显示子模块，用于将压缩后的上传图片添加到所述裁剪区域内进行显示。

可选的，还包括：检测模块，用于读取所述上传图片的描述信息，并依据所述描述信息检测所述上传图片是否符合图片规格条件；在所述传图片符合图片规格条件时，触发显示模块。

与现有技术相比，本发明实施例包括以下优点：